虽然吧,网上可以找到很多spring MVC中用到ajax技术的好的博客。但毕竟,这篇文章内容是自己实践过的。
所以,还是贴出来留个纪念,鼓励一下自己!!!!!!
jsp中ajax提交
<head>
<script type="text/javascript" src="/BookStore/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
function requestJson(){
var jsonData = {
"userName" : "手机",
"password" : "999"
};
alert("监听器设置成功 ");
$.ajax({
type:"post",
url:"${ctxPath}/views/testJson",
contentType:"application/json;charset=utf-8",
dataType:"json",
//指定为json类型
//数据格式是json串,商品信息
data:JSON.stringify(jsonData),
success:function(data){//返回json结果
alert("成功了");
},
error:function(){
alert("出错了");
}
});
}
</script>
</head>
接受ajax提交json数据的controller
jsp向controller提交的是json类型的数据,
@RequestBody将json类型数据转化为java对象
@ResponseBody返回值为json类型
此controller的返回值必须为json类型,才会弹出"成功了"对话框;若不是json类型数据,就会弹出"出错了"对话框
@RequestMapping("/testJson")
public @ResponseBody User testAjax(@RequestBody User user){
System.out.println(user);
return user;
}
执行结果截图: