案例1:我们现在可以从后台发送json过来了,那么如果我们需要把前台的数据通过json发送
到后台呢?
代码:
function test(){
var saveUser=[];
var user1={username:"test",password:"admin"};
var user2={username:"ququ",password:"root"};
saveUser.push(user1);
saveUser.push(user2);
$.ajax({
type: "post",
url: "test.do",
data:$.toJSON(saveUser), //这里需要json转换
jquery.json-2.4.js
contentType:"application/json",
success: function(msg){
alert( msg );
}
});
}
后台代码
public @ResponseBody List<UserBean> test1(@RequestBody List<UserBean>
users) throws Exception{
System.out.println(users.size());
通过这个实验,我们发现我们传送过去了一个数组
实验
var v={username:"zhangsan",password:'admin'}
var t= $.toJSON(v);
$.ajax({
type: "post",
url: "test.do",
data:t,
contentType:"application/json",
success: function(msg){
alert( msg );
}
});
后台
public @ResponseBody List<UserBean> test1(@RequestBody UserBean u) throws
Exception{
System.out.println(u.getUsername()+" "+u.getPassword());
可以正常接收前台的值了
实验接受一堆数值
function test(){
var nums=[];
var num1=10;
var num2=11;
nums.push(num1);
nums.push(num2);
$.ajax({
type: "post",//这里只能是使用post请求
url: "test.do",
data:$.toJSON(nums),
contentType:"application/json",
success: function(msg){
alert( msg );
}
});
}
后台代码
public @ResponseBody List<UserBean> test1(@RequestBody List<Integer> nums) throws Exception{
System.out.println(nums.get(0)+" "+nums.get(1));