SpringMVC AJAX支持

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>跳转自身
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值