form表单通过json提交到springmvc,返回json到前端

最新推荐文章于 2020-03-31 18:36:49 发布

weixin_33923148

最新推荐文章于 2020-03-31 18:36:49 发布

阅读量136

点赞数

原文链接：https://my.oschina.net/hfq/blog/1031269

版权

本文介绍了一种前端使用jQuery进行表单序列化并发送AJAX请求的方法，以及后端Spring MVC如何接收这些参数的具体实现。通过示例代码详细展示了从前端表单元素的选择、序列化到后端控制器中如何解析请求数据的过程。

摘要由CSDN通过智能技术生成

为什么80%的码农都做不了架构师？>>>

1，jsp页面

2，js页面

function searchTestUser() {

var params = $("#userForm").serializeArray(); //可以的

//var params = $("#userForm").serialize();//也是可以的
$.ajax({
       type : "POST",
       url : basePath + '/TestUserController/obtainUser.action',
       data : params,
       contentType: "application/x-www-form-urlencoded",
       dataType : "json", // 如果控制层write的是json，这里也必须是。
       beforeSend : function(xhr) {}

。。。。。

}

3,控制器springmvc[TestUser为普通的javabean]

@Controller
@RequestMapping("/TestUserController")
public class TestUserController {

   @RequestMapping("/obtainUser")
   public void obtainUser(HttpServletRequest request, HttpServletResponse response,TestUser testUser) {

String startDate1 = testUser.getStartDate();
       String endDate1 = testUser.getEndDate();
       String userId1 = testUser.getUserId();

       System.out.println("======测试使用对象直接获取========");
       System.out.println(startDate1 + "/"+ endDate1 + "/" + userId1);

//返回集合到前端js文件的ajax中

outputJSONByAlibaba(userList, response);//这个地方一定要保证js文件中的dataType : "json",而不是text

}

参考：http://blog.csdn.net/wabiaozia/article/details/50117561

转载于:https://my.oschina.net/hfq/blog/1031269