AJAX支持是指不提交表单的情况下,就可以与服务器进行交互的技术
步骤:
1.导入jar包,包括jackson-annotation,jackson-core,jackson-databinder
2.建立一个页面叫做testRequestBody.jsp
写入代码:
<script type="text/javascript" src="scripts/jquery-1.9.1.min.js">//导入js文件
<script type="text/javascript" >//点击URL会ajax对应的方法,URL是映射地址,type是请求方式,data是传递数据,success是如果成功返回方法
$(function(){
$("#testRequestBody").click(function(){
$.ajax(
({
url:"http://localhost:8080/springmvc-crud/testRequestBody"
type:"post",
**ContentType:"application/json;charset=utf-8",**
data:{"name":"tom","age":12};json 类型数据传递,属性值与自定义的Person属性值一致
//data:'[{"name":"tom","age":12},{"name":"lili","age":13}]'
success:function(result){
}
));
return false;
});
});
test RequestBody 跳转自身
Java中代码
@RequestMapping("/testRequestBody")
public void testRequestBody(@RequestBody Lsit<Person> persons)
{system.out.println( persons);}
注:如果是一个简单的JSON,直接的方法的入参指定类型的数据,与自定义的属性值保存一致
如果是一个数组,Ajax发送的是一个数组,业务方法的入参是一个List
@RequstBody:修饰入参,将Ajax的Json字符串转化为目标类型
在Ajax当中如何获取服务器响应的结果@ResponseBody
修饰方法,
@ResponseBody
@RequestMapping("/testRequestBody")
public List<Person> testRequestBody(@RequestBody Lsit<Person> persons)
{ return persons;
}
页面写入代码:
<script type="text/javascript" src="scripts/jquery-1.9.1.min.js">//导入js文件
<script type="text/javascript" >//点击URL会ajax对应的方法,URL是映射地址,type是请求方式,data是传递数据,success是如果成功返回方法
$(function(){
$("#testRequestBody").click(function(){
$.ajax(
({
url:"http://localhost:8080/springmvc-crud/testRequestBody"
type:"post",
**ContentType:"application/json;charset=utf-8",**
data:{"name":"tom","age":12};json 类型数据传递,属性值与自定义的Person属性值一致
//data:'[{"name":"tom","age":12},{"name":"lili","age":13}]'
success:function(result){
$.each(result,function(index,value));
alter(value.name+value.age);
}};
}
});
return false;
});
});
</script>
<a href="testRequestBody">test RequestBody </a>跳转自身