ajax提交到java后臺之后處理數(shù)據(jù)的實現(xiàn)

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

下面小編就為大家?guī)硪黄猘jax提交到java后臺之后處理數(shù)據(jù)的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

環(huán)境：eclipse+struts

要實現(xiàn)的效果：點擊按鈕提交數(shù)據(jù)到后臺之后回到前臺顯示出來數(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提交到java后臺之后處理數(shù)據(jù)的實現(xiàn)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

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