解决跨域问题:
在web.xml中配置corsFilter
mvc.xml
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!-- json配置 --> <!-- 用于将对象转换为 JSON --> <bean id="stringConverter" class="org.springframework.http.converter.StringHttpMessageConverter"> <property name="supportedMediaTypes"> <list> <value>text/plain;charset=UTF-8</value> </list> </property> </bean> <bean id="jsonConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"></bean> <bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> <property name="messageConverters"> <list> <ref bean="stringConverter" /> <ref bean="jsonConverter" /> </list> </property> </bean> |
controller:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
@RequestMapping("/ajax.do") public void ajax(HttpServletRequest req,HttpServletResponse resp) throws IOException{ resp.getWriter().print("ajax data"); } @RequestMapping("/json.do") @ResponseBody //返回json格式的数据。 //将会把返回值 转换为json对象 public List<User> json(){ List<User> list = new ArrayList<User>(); list.add(new User(1,"zhansan",22)); list.add(new User(2,"wangwu",21)); list.add(new User(3,"zhaosi",33)); list.add(new User(4,"wangdana",14)); return list; } |
jsp:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<script type="text/javascript"> $(function(){ $('#btn').click(function(){ $.post("ajax.do",function(data){ $("#content").html(data); }); }); }); </script> </head> <body> <input type="button" id="btn" value="ajax"/><br> <div id="content"></div> </body> |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<script type="text/javascript"> $(function(){ $('#btn').click(function(){ $.post("json.do",function(data){ var html=""; for(var i=0;i<data.length;i++){ html+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].age+"</td></tr>" } $('#content').html(html); }); }); }); </script> </head> <body> <input type="button" id="btn" value="获取数据"/><br> <table width="80%" align="center"> <tr> <td>编号</td> <td>姓名</td> <td>年龄</td> </tr> <tbody id="content"></tbody>
|