AJax技术

Ajax+SpringMVC requestBody

字号+ 作者:H5之家 来源:H5之家 2017-11-30 14:25 我要评论( )

ajax+Spring MVC 经验证,上文写的是比较正确的,所以转过来保存一下. 传JSON对象 前端 function test () { var param = {username :


经验证,上文写的是比较正确的,所以转过来保存一下.

传JSON对象

前端

{ var param = {username : "yitop"}; $.ajax({ timeout : 20000, type : "POST", dataType : "JSON", url : "/user/userRole.htm", data : param, success : function(data){ alert(data); } //注意:这里不能加下面这行,否则数据会传不到后台 //contentType:'application/json;charset=UTF-8', }); }

后端

Controller: @RequestMapping(value = "userRole", method = RequestMethod.POST) @ResponseBody public List<Role> selectRoles(String username) throws WebTransException { /* 逻辑代码 */ } 传JSON字符串+@RequestBody接收

前端

{ var parms = { list : array //这是个数组 }; $.ajax({ dataType: "JSON", contentType:'application/json;charset=UTF-8',//关键是要加上这行 traditional:true,//这使json格式的字符不会被转码 data: JSON.stringify(parms), type: "DELETE", timeout: 20000, url: url, success : function () { alert("删除成功!"); }, error : function (data){ alert(data.responseText); } }); }

后端

Controller: @RequestMapping(value = "deleteList", method = RequestMethod.DELETE) @ResponseBody public String delete(@RequestBody DeleteListRequest request) throws WebTransException{ ; } DeleteListRequest: { List<Map<String, String>> list = new ArrayList<>(); public DeleteListRequest() { } public List<Map<String, String>> getList() { return list; } (List<Map<String, String>> list) { this.list = list; } }

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Ajax1-5铩羽 阿贾克斯主场取胜

    Ajax1-5铩羽 阿贾克斯主场取胜

    2017-11-30 15:19

  • 新手求问个问题,AJAX怎么从后端获取数据传到前端页面

    新手求问个问题,AJAX怎么从后端获取数据传到前端页面

    2017-11-30 11:24

  • JQuery的Ajax跨域请求的解决方案

    JQuery的Ajax跨域请求的解决方案

    2017-11-29 18:00

  • 关于数据未渲染完,要获取document高度问题——ajax全局事件

    关于数据未渲染完,要获取document高度问题——ajax全局事件

    2017-11-29 17:02

网友点评
/