【前端知识点】前后端关于post请求中,对body的不同数据格式的解决处理方案实现

针对在全端开发中发送请求的方式以及后端接收解析处理方式的汇总,基于js全栈的解决方案,如果是熟悉js的小伙伴福利来了!

本文分为前端请求,后端请求,后端处理三部分来详细解读 【请求】的方式及解决方案。

前端

ajax实现
1.POST JSON数据包

var requestData = {                  
      name: "xxx",
      value: "xxxx",
      now: new Date().getTime()
  }
var submit_sync = function() {
   
  $.ajax({
      type: "post",
      url: 'http://chauncey.com',
      async: false, // 使用同步方式
      // 1 需要使用JSON.stringify 否则格式为 a=2&b=3&now=14...
      // 2 需要强制类型转换,否则格式为 {"a":"2","b":"3"}
      data: JSON.stringify(requestData),
      //请求头部设置
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(data) {
   
          $('#chauncey').text(data.msg);
      }
  });
}

【HTTP请求部分内容】

    POST /test-jquery-ajax/add-post-json.php HTTP/1.1  
    Host: 192.168.1.104  
    Connection: keep-alive  
    Content-Length: 35  
    Accept: application/json, text/javascript, */*; q=0.01  
    X-Requested-With: XMLHttpRequest  
    Content-Type: application/json; charset=UTF-8  
    {"name": "xxx","value": "xxxx","now": 123123123}
    【HTTP响应部分内容】
    HTTP/1.1 200 OK
    Content-Length: 13
    Content-Type: application/json;charset=utf-8
    {"result":46}

2.要点说明
【1】
需要使用 JSON.stringify 否则HTTP请求为a=12&b=34。
以下写法并不能达到POST JSON数据包的效果,这是标准的POST格式。
data: {
a: parseInt(

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值