jQuery.ajax设置请求头实现post请求发送数据的格式（Form Data...

Arce

Request Payload 请求头部的 Content-Type: application/json，请求正文是一个 json 格式的字符串
Form Data 请求头部的 Content-Type: application/x-www-form-urlencoded，请求正文是类似 get 请求 url 的请求参数

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>ajax设置请求头</title>
</head>
<body>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript">
  $(function() {
    var myAction = {};

    $.extend(myAction, {
      test: function() {
        $.ajax({
          url: 'http://10.10.10.52/api/v1/tasks/a956d066-a6e2-11e8-828e-000c29af35cf',
          type: 'put',
          dataType: 'json',
          //data: JSON.stringify({data:{status: "start"}}),
          data: {name: "xu", foo: 'bar'},
          cache: false,
          headers: { 
            "Authorization":"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJrZW4iLCJpYXQiOjE1Mzc1NTQzMDksImRhdGEiOnsidXNlcm5hbWUiOiJ4dXRvbmdiYW8iLCJpc19zdXBlcnVzZXIiOjEsImlkIjoxNywibG9naW5fdGltZSI6MTUzNzU1NDMwOX0sImV4cCI6MTUzODE1NDMwOX0.32Lys4hjjY2XRpM2r9YSmpYA798u821m_M5Tzb6wxIU",
            'Content-Type': 'application/x-www-form-urlencoded'  //multipart/form-data;boundary=--xxxxxxx   application/json
          },        
          success: function(res){
            if (res.code === 200) {
              
            }   
          },
          error: function(e) {

          }
        });
      }
    });

    var init = function() {
      myAction.test();
    }();
  })
  </script>
</body>

</html>

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>ajax设置请求头</title>
</head>
<body>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript">
  $(function() {
    var myAction = {};

    $.extend(myAction, {
      test: function() {
        $.ajax({
          url: 'http://10.10.10.52/api/v1/tasks/a956d066-a6e2-11e8-828e-000c29af35cf',
          type: 'put',
          dataType: 'json',
          data: JSON.stringify({data:{status: "start"}}),
          //data: {name: "xu", foo: 'bar'},
          cache: false,
          headers: { 
            "Authorization":"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJrZW4iLCJpYXQiOjE1Mzc1NTQzMDksImRhdGEiOnsidXNlcm5hbWUiOiJ4dXRvbmdiYW8iLCJpc19zdXBlcnVzZXIiOjEsImlkIjoxNywibG9naW5fdGltZSI6MTUzNzU1NDMwOX0sImV4cCI6MTUzODE1NDMwOX0.32Lys4hjjY2XRpM2r9YSmpYA798u821m_M5Tzb6wxIU",
            'Content-Type': 'application/json'  //application/x-www-form-urlencoded  application/json
          },        
          success: function(res){
            if (res.code === 200) {
              
            }   
          },
          error: function(e) {

          }
        });
      }
    });

    var init = function() {
      myAction.test();
    }();
  })
  </script>
</body>

</html>

[jQuery] jQuery.ajax设置请求头实现post请求发送数据的格式（Form Data...

相关帖子

RestTemplate实现发送带headers的GET请求

使用RestTemplate访问https实现SSL请求操作

SpringBoot2中使用@RequestHeader获取请求头的方法

编写第一个GET、POST接口[renren-fast框架系列（1）]

Linux系统请求:系统救命稻草

PM中文是什么意思

RxJava + Retrofit源码解析

层层剖析一次 HTTP POST 请求事故

WordPress 获取文章内容页特色图像地址

DZ游客搜索提示请求含有非法字符，被系统拒绝的解决方法

Arce LV4