让我苦苦寻找的那段代码---springmvc的ajax前后台交互
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了让我苦苦寻找的那段代码---springmvc的ajax前后台交互，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7766字，纯文字阅读大概需要12分钟。
内容图文
导入jar包:
web.xml
1
<
servlet
>
2
<
servlet-name
>spmvc</servlet-name>3<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>4<load-on-startup>1</load-on-startup>5</servlet>6<servlet-mapping>7<servlet-name>spmvc</servlet-name>8<url-pattern>*.do</url-pattern>9</servlet-mapping>
在web.xml同级目录下建立spmvc-servlet.xml
1
<?
xml version="1.0" encoding="UTF-8"
?>
2
<
beans
xmlns
="http://www.springframework.org/schema/beans"
3
xmlns:xsi
="http://www.w3.org/2001/XMLSchema-instance"
4
xmlns:p
="http://www.springframework.org/schema/p"
5
xmlns:context
="http://www.springframework.org/schema/context"
6
xmlns:mvc
="http://www.springframework.org/schema/mvc"
7
xmlns:tx
="http://www.springframework.org/schema/tx"
8
xmlns:aop
="http://www.springframework.org/schema/aop"
9
xsi:schemaLocation
="
10
http://www.springframework.org/schema/beans
11
http://www.springframework.org/schema/beans/spring-beans.xsd
12
http://www.springframework.org/schema/context
13
http://www.springframework.org/schema/context/spring-context.xsd
14
http://www.springframework.org/schema/mvc
15
http://www.springframework.org/schema/mvc/spring-mvc-3.2.xsd
16
http://www.springframework.org/schema/tx
17
http://www.springframework.org/schema/tx/spring-tx.xsd
18
http://www.springframework.org/schema/aop
19
http://www.springframework.org/schema/aop/spring-aop.xsd"
>
20
<
context:component-scan
base-package
="controller"
/>
21
<
context:annotation-config
/>
22
<
mvc:annotation-driven
/>
23
</
beans
>
实体类User.java
1
package
Model;
2
3
public
class
User {
4
private
int
id;
5
private
String username;
6
private
int
age;
7
public
int
getId() {
8
return
id;
9
}
10
public
void setId(int id) {
11this.id = id;
12 }
13public String getUsername() {
14return username;
15 }
16publicvoid setUsername(String username) {
17this.username = username;
18 }
19publicint getAge() {
20return age;
21 }
22publicvoid setAge(int age) {
23this.age = age;
24 }
2526 }
Action代码:
1
package
controller;
2
3
import
java.util.ArrayList;
4
import
java.util.HashMap;
5
import
java.util.List;
6
import
java.util.Map;
7
8
import
javax.servlet.http.HttpServletRequest;
9
10
import
org.json.JSONException;
11
import
org.json.JSONObject;
12
import
org.springframework.stereotype.Controller;
13
import
org.springframework.web.bind.annotation.RequestBody;
14
import
org.springframework.web.bind.annotation.RequestMapping;
15
import
org.springframework.web.bind.annotation.RequestMethod;
16
import
org.springframework.web.bind.annotation.ResponseBody;
17
18
import
Model.User;
19
20
@Controller
21 @RequestMapping("/user")
22publicclass DemoController {
23 @RequestMapping(value="/list",method=RequestMethod.GET)
24 @ResponseBody
25public Map<String, Object> getUserList(){
26 List<User> list=new ArrayList<User>();
27 User user=new User();
28 user.setId(1);
29 user.setUsername("guoyansi");
30 user.setAge(25);
31 list.add(user);
32 Map<String, Object> map=new HashMap<String, Object>(3);
33 map.put("total", 1);
34 map.put("data", list);
35 map.put("success", "true");
36return map;
37 }
3839 @RequestMapping(value="/add1",method=RequestMethod.POST)
40 @ResponseBody
41public Map<String, String> addUser1(@RequestBody User user){
42/**43 * 这种实体类参数的接受 只能接受ajax发送过来的json字符串
44*/45 Map<String, String> map=new HashMap<String, String>(1);
46 System.out.println(user.getUsername());
47 map.put("success", "true");
48return map;
49 }
505152 @RequestMapping(value="/add2",method=RequestMethod.POST)
53 @ResponseBody
54public Map<String, String> addUser2(HttpServletRequest request){
55 String data=request.getParameter("data");
56 JSONObject json=null;
57try {
58 json=new JSONObject(data);
59 System.out.println(json.getString("username"));
60 } catch (JSONException e) {
61 e.printStackTrace();
62 }
63 Map<String, String> map=new HashMap<String, String>(1);
64 map.put("success", "true");
65return map;
66 }
6768 @RequestMapping(value="/add3",method=RequestMethod.POST)
69 @ResponseBody
70public Map<String, String> addUser3(HttpServletRequest request){
71 String username=request.getParameter("username");
72 System.out.println(username);
73 Map<String, String> map=new HashMap<String, String>(1);
74 map.put("success", "true");
75return map;
76 }
77 }
index.jsp
1
<%
@ page language
=
"
java
"
import
=
"
java.util.*
"
pageEncoding
=
"
utf-8
"
%>
2
<%
3
String
path
=
request.getContextPath();
4
String
basePath
=
request.getScheme()
+
"
://
"
5
+
request.getServerName()
+
"
:
"
+
request.getServerPort()
6
+
path
+
"
/
"
;
7
%>
8
9
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>
10
<
html
>
11
<
head
>
12
<
base
href
="<%=basePath%>"
>
13
14
<
title
>My JSP ‘index.jsp‘ starting page</title> 15<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 16<script type="text/javascript"> 17$(function(){
18 $.ajax({
19 type:"GET",
20 contentType:"application/json",
21 url:"user/list.do",
22 dataType:"json",
23 success:function(data){
24//alert(data); 25//data=eval("("+data+")"); 26if(data&&data.success=="true"){
27 $("#info").html("共"+data.total+"条数据.<br/>");
28 $.each(data.data,function(i,item){
29 $("#info").append("编号:"+item.id+",姓名:"+item.username+",年龄:"+item.age);
30 });
31 }
32else{
33 alert("获取数据有异常");
34 }
35 },
36 error:function(){
37 alert("提交失败!!!!!");
38 }
39 });
40 41 $("#submit1").click(function(){
42var data={};
43 data.id=Number($("input[name=id]").val());
44 data.username=$("input[name=username]").val();
45 data.age=Number($("input[name=age]").val());
46 $.ajax({
47 type:"POST",
48 data:JSON.stringify(data),
49 url:"user/add1.do",
50 contentType:"application/json",
51 dataType:"json",
52 success:function(data){
53if(data&&data.success=="true"){
54 alert("添加成功!!!");
55 }
56else{
57 alert("添加失败!!!");
58 }
59 },
60 error:function(){
61 alert("提交失败!!!!");
62 }
63 })
64 });
65 66 $("#submit2").click(function(){
67var data={};
68 data.id=Number($("input[name=id]").val());
69 data.username=$("input[name=username]").val();
70 data.age=Number($("input[name=age]").val());
71 $.ajax({
72 type:"POST",
73 data:"data="+JSON.stringify(data),
74 url:"user/add2.do",
75//contentType:"application/json", 76 dataType:"json",
77 success:function(data){
78if(data&&data.success=="true"){
79 alert("添加成功!!!");
80 }
81else{
82 alert("添加失败!!!");
83 }
84 },
85 error:function(){
86 alert("提交失败!!!!");
87 }
88 })
89 });
90 91 $("#submit3").click(function(){
92var data="";
93 data+="id="+$("input[name=id]").val();
94 data+="&username="+$("input[name=username]").val();
95 data+="&age="+$("input[name=age]").val();
96 data+="&gg=tt=5";
97 $.ajax({
98 type:"POST",
99 data:data,
100 url:"user/add3.do",
101//contentType:"application/json",102 dataType:"json",
103 success:function(data){
104if(data&&data.success=="true"){
105 alert("添加成功!!!");
106 }
107else{
108 alert("添加失败!!!");
109 }
110 },
111 error:function(){
112 alert("提交失败!!!!");
113 }
114 })
115 });
116117})
118</script>119</head>120121<body>122 编号：<input type="text" name="id"/>123 姓名：<input type="text" name="username"/>124 年龄：<input type="text" name="age"/>125<input type="button" value="发送json字符串,后台可以用实体类接受" id="submit1"/>126<input type="button" value="发送含有=和json字符串数据到后台," id="submit2"/>127<input type="button" value="发送普通数据到后台," id="submit3"/>128<hr />129<div id="info"></div>130</body>131</html>
原文：http://www.cnblogs.com/guoyansi19900907/p/4564034.html
内容总结
以上是互联网集市为您收集整理的让我苦苦寻找的那段代码---springmvc的ajax前后台交互全部内容，希望文章能够帮你解决让我苦苦寻找的那段代码---springmvc的ajax前后台交互所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】