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

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

时间: 2024-10-02 00:12:45

ajax提交到java后台之后处理数据的实现的相关文章

ajax提交请求在后台controller里取不到session中值

问题描述 ajax提交请求在后台controller里取不到session中值 ajax提交请求在后台controller里request.getSession().getAttribute("user");取不到值 在其他controller里却可以取到,急求解决办法 function doSubmit(){ if (Verification() == false) { return; } $.ajax({ url:"/trips/doCreate", async

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析_jquery

本文实例讲述了jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h

【问题解决】前台AJAX请求向Java后台传时+号变为空格—其他特殊字符解析出错也可参考解决

转载请注明出处http://blog.csdn.net/qq_26525215 本文源自[大学之旅_谙忆的博客] 问题是这样的在前台输入+++ 3个加号然后提交到后台在前台页面显示是没有问题的 在后台用req.getParameter("comment");获得内容结果为3个空格也就是无法获得+号怎么解决呢. 第一种解决方案 我们可以在前台获得字符串的时候将"+"号转换为"%2B". comment=comment.replace(/\+/g,&

java-关于Java中Extjs前端与后台之间的数据交互

问题描述 关于Java中Extjs前端与后台之间的数据交互 本人java新手,最近新进一家公司,前端用的是Extjs,但是这个Extjs以前都没接触过,所以求大神能不能发我一个Extjs前端与java后台之间的数据交互的实例(前端输入数据,后台根据该数据在数据库中查,然后返回对应数据到前端,前端显示返回的数据),最好是用SH2框架.发我邮箱cgjiangpan@163.com,非常感谢.!!! 解决方案 网上那么多,就是通过json传输数据,如果你想用extjs,建议买本书先学习一下 解决方案二

ajax-AJAX发送请求,后台接受到数据但是返回结果后,Ajax请求结果失败

问题描述 AJAX发送请求,后台接受到数据但是返回结果后,Ajax请求结果失败 前台JS和后台相应如下: var username = $("#user_name").val().trim(); var password = $("#password").val(); console.log(username+","+password); $.ajax({ url:"/Test1224/login.action", data:

ajax提交一次之后不能再次提交

问题描述 ajax提交一次之后再次点击检索的时候alert("jinrusubmit");没有被执行新手不理解为什么会这样请高手解答!!$("#doSelect").click(function(){$("#examineeForm").attr("action","/Sample0203/DoSelect");$('#examineeForm').submit(function(){alert("

前台ajax提交数据,后台接受,存入数据库

问题描述 前台ajax提交数据,后台接受,存入数据库 "{"1":{"top":125,"left":376,"process_to":[]},"2":{"top":339,"left":378,"process_to":[]},"3":{"top":280,"left":840

ajax-.NET华表数据提交到后台怎么转成JQuery的Ajax提交

问题描述 .NET华表数据提交到后台怎么转成JQuery的Ajax提交 下面是以前的JS代码,我不太会用这种方式提交,而且这种方式提交到后台后,无法Response.Write("");跳转页面. 程序会异常,能修改成JQuery Ajax提交吗? 我看这个的提交类型好像是XML类型,Ajax支持这种吗? var parsefile = "EvaFillAssessment.aspx?DID="+DID; var xmldoc = new ActiveXObject

jquery ajax 数据绑定-JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView.

问题描述 JQUERY ajax提交数据到后台,进行数据库查询,然后重新绑定GridView. 我在前台放了一个input,type=button点击后触发下面的ajax提交数据到后台.后台处理后对一个GridView进行数据绑定.前台代码如下: params = JSON.stringify(obj); $.ajax({ type: ""Post"" url: ""/aspx_consumption/Consumption_Home.aspx/