全国统一服务热线:400-633-9193

ajax提交到java后台之后处理数据的实现

        2017-05-31    1282

环境:eclipse+struts

要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据

index.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<%@ 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

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

Test.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
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后台之后处理数据的实现就是小编分享给大家的全部内容了


  分享到:  
0.2477s