AJAX
url:
@RequestMapping(method = RequestMethod.POST, value = "login")
1、url: "login",——前面会自动加上项目名,根据@Controller的@RequestMapping匹配
2、url:"/ssm/login",——前面有斜杠,就从根目录开始请求,所以要带上项目名
3、url: "http://localhost:8080/ssm/login",——绝对路径
一、前端向后端传数据
1、直接写数据
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
data: { "a": 1, "b": 2, "c": 3 },
2、json数组
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
var users = '{"name":"yang","test":"111"}'; //ajax里面转换 data: JSON.parse(users),
3、input输入
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//input框 name:<input name=id type = "text"></input> //ajax中获取 data: { name:$("input[name='id']").val() },
二、后端向前端传数据
1、前端请求text类型——直接返回string类型;
2、前端请求json——可以直接返回一个po
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
public User login(){ User user = new User(); user.setId("111"); user.setAccount("111"); user.setPassword("111"); return user; }
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
public User login(){ User user = new User(); String[] s = {"1","2"}; user.setId(s); user.setAccount("111"); user.setPassword("111"); return user; }
三、前端读取后端数据
1、json对象直接读取
json对象以“{”开始,“}”结束。每个“名称”后跟一个“:”;“‘名称/值’ 对”之间运用 “,”分隔。 名称用引号括起来;值如果是字符串则必须用引号,数值型则不须要。例如:
例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2、json数组直接读取
json数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。
例如:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//id是数组 success : function(data) { console.log(data); console.log(account); console.log(data.id[0]); },
3、JSON字符串转换为JSON对象
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
success : function(data) { var jsonObj = eval('(' + data + ')'); console.log(jsonObj); console.log(jsonObj.id); },
四、后端读取前端数据
1、根据id读取数据——Object id = request.getParameter("a");