ajax提交到java后台之后处理数据的实现
2017-05-24 09:11
706 查看
环境: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后台之后处理数据的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 【实例】ajax提交到java后台之后处理数据
- 前端通过AJAX提交数据,后台PHP处理数据实现异步操作基本流程
- JFinal中前台用Ajax实现表单提交,后台用renderJson传数据(二)
- django 用ajax+post提交form 实现前后台数据绑定
- EasyUI+Ajax+Json+一般处理程序实现数据的前台与后台的交互
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
- ajax方式实现注册功能(提交数据到后台数据库完成交互)
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- jquery的ajax请求处理以及处理后台java传的json数据
- JS实现AJAX提交数据到后台,实现验证用户名是否存在功能详解
- jfinal ajax post方式提交 后台接收不到数据bug处理及解析
- ajax提交数据到后台处理返回json问题
- web前端——ajax提交后台controller实现前端后台交互(3) 传多个参数 ,后台controller接收处理
- MVC3/4项目开发中遇到的ajax提交Json数据到后台Controller处理(接收参数:多重JSON)
- django 用ajax+post提交form 实现前后台数据绑定
- Form表单多文件改名ajax提交上传及java后台处理
- 利用ajax提交表单,实现数据前端后台数据交互的完整流程演示
- AJAX实现后台提交数据