jquery中$.ajax和angularjs中$http 使用restful api post提交数据时的不一致的解决方法

最新推荐文章于 2021-08-06 17:02:20 发布

原创最新推荐文章于 2021-08-06 17:02:20 发布 · 300 阅读

1 ·

CC 4.0 BY-SA版权

AngularJs 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了前端使用$.ajax和$http进行POST请求时的数据处理差异，解释了application/x-www-form-urlencoded与application/json两种格式的区别，并提供了代码示例说明如何在不同场景下统一数据格式，确保前后端数据交互的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文讨论post

本质

1 $.ajax 是把 json 使用$.param处理。使用 application/x-www-form-urlencoded
2 $http会使用JOSN.stringify来处理。使用 application/json
所以：它们发送的数据就会不一样
1 代码像这样 “a=1&b=2”
2 代码像这样 “{a:1,b:2}”

解决

数据格式的不统一，则要求我们要分别做处理，或者把它统一起来
1 后端分别处理
2 前端统一数据格式

使用$.ajax的格式，$http给的方案是

$http({
        url: url,
        method: 'POST',
        data: $httpParamSerializerJQLike(myData),
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
     });

在用restful api时, jquery也要写成

$.ajax({
  url:url,
  type:'POST',
  data:JSON.stringify({"id":1,"name":"xx"}),
  contentType:'application/json; charset=utf-8',
  dataType:'json'
})

java 接受post的 json要

BufferedReader br = new BufferedReader(new InputStreamReader(request.getInputStream(),"utf-8"));
        String line = null;
        StringBuilder str = new StringBuilder();
        while ((line = br.readLine()) != null) {
          str.append(line);
        }