springMVC ajax

虽然吧,网上可以找到很多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;
	}

执行结果截图:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值