SpringMVC 与ajax数据交互，以及SpringMVC配置json环境问题

你的名字 2022-05-11 12:12 261阅读 0赞

用springMVC与前台ajax传输数据，ajax返回错误500问题？

解决思路：

第一步，检查springMVC是否缺少必要的jar包，查询百度后发现springMVC,在引用

  1. @ResponseBody时，需要配置json环境，这个需要引入的jar包有三种方案：小编在这块使用的是第三种，具体的可以参考：https://www.cnblogs.com/gxz-sw/p/6860447.html：
  1. jackson-core-2.9.7.jar
  2. jackson-databind-2.9.7.jar
  3. jackson-annotations-2.9.7.jar
  4. jackson-mapper-asl-1.9.13.jar

70

在springMVC配置文件dispatcher-servlet.xml中添加：

  1. <mvc:annotation-driven>
  2.         <mvc:message-converters>
  3.             <bean class="org.springframework.http.converter.StringHttpMessageConverter"/>
  4.             <bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter"/>
  5.         </mvc:message-converters>
  6.     </mvc:annotation-driven>

SpringMVC 后台数据获取ajax程序

  1. @RequestMapping(value = "url",method = RequestMethod.POST)
  2.     @ResponseBody
  3.     public Map<String,Object> m_rylb1(@RequestBody String username){
  4.         System.out.println("username = [" + username + "]");
  5.         Map<String,Object> resultMap = new HashMap<String, Object>(2);
  6.         resultMap.put("users",userService.getUsers());
  7.         resultMap.put("username",username);
  8.         return resultMap;
  9.     }

前台ajax请求数据代码：

  1. var $=layui.$;
  2.          var param = {username : "yitop"};
  3.          $.ajax({
  4.              type: "POST",
  5.              url: "/url",
  6.              data:JSON.stringify(param),
  7.              contentType:"application/json;charset=utf-8",
  8.              dataType: "json",
  9.              contentType: false, //禁止设置请求类型
  10.              processData: false,
  11.              async: false,
  12.              cache: false,
  13.              error: function(data) {
  14.                  //服务器返回失败调用的方法
  15.                  // alert("error!---说明服务器返回失败");
  16.                console.log(data.responseText);
  18.              },
  19.              success: function (data) {
  20.                  console.log(data)
  21.                  if(data.isSuccess){
  22.                      console.log(data.responseText);
  23.                  }
  25.              }
  26.          });

ajax与后台数据请求注意的地方：

70 1

这里的url ,ajaxq请求方法对应的get ,post对应的是：

  1. @RequestMapping(value = "url",method = RequestMethod.POST)'

发表评论

表情：
评论列表 （有 0 条评论，261人围观）

还没有评论，来说两句吧...

相关阅读