SSM项目中使用ajax（json）/post（json）异步方式

Bertha 。 2022-01-14 03:17 381阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

***页面使用：***

项目中添加jstl-1.2.jar包。

页面头进行引入：

<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8"%>  
<%@ page trimDirectiveWhitespaces="true"%>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>  
<%@ taglib prefix="itheima" uri="http://itcast.cn/common/"%>

（1）需要在页面上显示的数据是来自于Controller的

第一种方式：

ModelAndView mav = new ModelAndView();  
mav.addObject("itemList",list);  
mav.setViewName("itemList");

第二种方式：用默认的Model参数

@RequestMapping(value="/test.action")  
public String get(Model model)\{  
model.addAttribute("test1","test1" );  
model.addAttribute("test2","test2" );  
model.addAttribute("test3","test3" );  
return "editItem";  
\}

页面显示：

***页面中使用异步请求ajax/json:***

（1）导包

json支持：  
![8fb5e84fe702a26f6a8c2b3a3ba6c87846a.jpg][]

js文件支持：

![52b85ef13b0004b3dde2f0aa96a2083fdec.jpg][]

页面head中添加引入：

头：

<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>  
<%  
String path = request.getContextPath();  
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()  
\+ path + "/";  
%>

**（1）Jquery的异步post提交**

<head>

id的值：<input type="text" id="edit\_cust\_id" name="id"/>  
<a href="\#" class="btn" οnclick="deleteCustomer()">删除</a>//调用方法

Controller页面：

@RequestMapping(value="/delete.action")  
**@ResponseBody**  
public String get(Integer id)\{  
return "OK";**//post异步提交的方式，返回的必需是OK串，并且异步post，Controller返回的都必须是json格式的串**  
\}

**（2）表单序列化post异步提交**

页面：

Controller：

@RequestMapping(value="/update.action")  
@ResponseBody **//post异步提交的，回掉回去的数据必需是json格式的**  
public String get(Items item)\{  
System.out.println(item.getName());  
return "OK";  
\}

**（3）ajax异步get提交**

页面：

Controller：

@RequestMapping(value="/edit.action")  
@ResponseBody **//返回的必需是json格式的数据**  
public Items get(Integer id)\{  
Items item = new Items();  
item.setName("ok1");  
item.setPrice(12f);  
return item;  
\}

（1）请求url，方法中携带参数

</script>

转载于:https://my.oschina.net/u/3161662/blog/2657956

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/57edc0bf59ef4c4998164bb53b38ab43.png
[8fb5e84fe702a26f6a8c2b3a3ba6c87846a.jpg]: /images/20220113/75d2637007f64188add6d5b47dbc8915.png
[52b85ef13b0004b3dde2f0aa96a2083fdec.jpg]: /images/20220113/6f0548c87edb4abdad587023f5344fa4.png