快捷導(dǎo)航

ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)

更新時(shí)間：2017年05月24日 09:11:01 投稿：jingxian

下面小編就為大家?guī)?lái)一篇ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

環(huán)境：eclipse+struts

要實(shí)現(xiàn)的效果：點(diǎn)擊按鈕提交數(shù)據(jù)到后臺(tái)之后回到前臺(tái)顯示出來(lái)數(shù)據(jù)

index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" 
  pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<input type="text" id="userinput"> 
<input type="button" id="submit"> 
<div id="msg"></div> 
</body> 
<script type="text/javascript" src="jquery-2.1.0.js"></script> 
<script type="text/javascript"> 
window.onload = function() { 
  document.getElementById("submit").onclick = test; 
} 
function test(){ 
  var userinput = document.getElementById("userinput"); 
  $.post("http://localhost:8080/TestSpring/TestAction",{username:userinput.value}, 
  function(data, textStatus){ 
    document.getElementById("msg").innerHTML = data; 
  });  
} 
</script> 
</html>

struts.xml

<action name="TestAction" class="com.action.Test"> 
  <result>index.jsp</result> 
</action>

Test.java

package com.action; 
 
import java.io.PrintWriter; 
import java.util.Map; 
 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
 
import org.apache.struts2.ServletActionContext; 
 
import com.opensymphony.xwork2.ActionContext; 
import com.opensymphony.xwork2.ActionSupport; 
 
public class Test extends ActionSupport { 
  @Override 
  public String execute() throws Exception { 
    // TODO Auto-generated method stub 
    HttpServletRequest request = org.apache.struts2.ServletActionContext.getRequest(); 
    HttpServletResponse response = ServletActionContext.getResponse(); 
    request.setCharacterEncoding("utf-8"); 
    response.setCharacterEncoding("utf-8"); 
    PrintWriter out = response.getWriter(); 
    out.write(request.getParameter("username")); 
    out.flush(); 
    out.close(); 
    return SUCCESS; 
  } 
}

以上這篇ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

服務(wù)端配置實(shí)現(xiàn)AJAX跨域請(qǐng)求
這篇文章主要介紹了服務(wù)端配置實(shí)現(xiàn)AJAX跨域請(qǐng)求的相關(guān)資料,需要的朋友可以參考下
2015-02-02
Ajax使用雜談也許也是亂彈
Google Suggest 和Google Map的出現(xiàn)，引起了我們Web開(kāi)發(fā)者的一次震動(dòng)。
2010-05-05
Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家介紹了Ajax實(shí)現(xiàn)動(dòng)態(tài)加載組合框功能，感興趣的朋友一起看看吧
2017-08-08
AngularJS tab欄實(shí)現(xiàn)和mvc小案例實(shí)例詳解
這篇文章主要介紹了angularJS tab欄實(shí)現(xiàn)和mvc小案例,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2017-05-05
Ajax中瀏覽器和服務(wù)器交互詳解
這篇文章主要介紹了Ajax中瀏覽器和服務(wù)器交互詳解,需要的朋友可以參考下
2015-01-01
JQuery+Ajax+Struts2+Hibernate框架整合實(shí)現(xiàn)完整的登錄注冊(cè)
最近沒(méi)有項(xiàng)目做，閑著沒(méi)事，看到一個(gè)書城的網(wǎng)站很好，于是就是仿了一個(gè)，把里面的ui直接拿過(guò)來(lái)用，前端后端自己寫的，目前大部分的功能已經(jīng)實(shí)現(xiàn)了。
2015-10-10
編寫輕量ajax組件02--淺析AjaxPro
ajaxpro雖然是一個(gè)比較老的組件，不過(guò)實(shí)現(xiàn)思想和源碼還是很有借鑒價(jià)值的。接下來(lái)通過(guò)本篇文章給大家介紹編寫輕量ajax組件02--淺析AjaxPro，感興趣的朋友可以參考下
2015-11-11
使用AJAX異步通信技術(shù)實(shí)現(xiàn)搜索聯(lián)想和自動(dòng)補(bǔ)全示例
這篇文章主要介紹了使用AJAX異步通信技術(shù)實(shí)現(xiàn)搜索聯(lián)想和自動(dòng)補(bǔ)全示例,AJAX是前后臺(tái)交互的能? 也就是我們客戶端給服務(wù)端發(fā)送消息的?具，以及接受響應(yīng)的?具,需要的朋友可以參考下
2023-05-05
淺談Ajax相關(guān)及其優(yōu)缺點(diǎn)
最近在學(xué)習(xí)有關(guān) AJAX 的知識(shí)，上網(wǎng)查閱了一些有關(guān) AJAX 的資料，主要是有關(guān) AJAX的技術(shù)簡(jiǎn)介及其優(yōu)缺點(diǎn)等。在這里，我想對(duì)我收集的資料做一些小小的總結(jié)，大部分資料都來(lái)自網(wǎng)上，本人在此只做分類總結(jié)，希望對(duì)和我一樣正在學(xué)習(xí) AJAX 的朋友有一定的幫助。
2015-06-06
通過(guò)構(gòu)造AJAX參數(shù)實(shí)現(xiàn)表單元素JSON相互轉(zhuǎn)換
這篇文章主要介紹了通過(guò)構(gòu)造AJAX參數(shù)實(shí)現(xiàn)表單元素JSON相互轉(zhuǎn)換的相關(guān)介紹,需要的朋友可以參考下
2016-05-05