最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 22:51:40
文档

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

ajax提交到java后台之后处理数据的实现:环境:eclipse+struts 要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据 index.jsp <%@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%> <!DOC
推荐度:
导读ajax提交到java后台之后处理数据的实现:环境:eclipse+struts 要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据 index.jsp <%@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%> <!DOC


环境: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提交到java后台之后处理数据的实现:环境:eclipse+struts 要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据 index.jsp <%@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8%> <!DOC
推荐度:
标签: 数据 java ajax
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top