您当前的位置:首页 > 网站建设 > ajax
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 10:52:07
  ajax

环境:eclipse+struts

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

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后台之后处理数据的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持51zixue.net。


下载地址:
关于ajax的使用方法_例题、ajax的数据处理
React+ajax+java实现上传图片并预览功能
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。