zoukankan      html  css  js  c++  java
  • jQuery.ajax设置请求头实现post请求发送数据的格式(Form Data和Request Payload)

     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>
  • 相关阅读:
    [daily][archlinux][shell][fish] 使用最炫酷的shell工具fish
    [daily][btrfs][mlocate][updatedb] mlocate不认识btrfs里面的文件
    [daily][archlinux] TODO LIST
    [math][mathematica] mathematica入门
    [math][mathematica] archlinux 下 mathematica 的安装 (科学计算软件 mathematica/matlab/sagemath)
    [daily][centos][sudo] sudo 报错
    [development][C][thread_local] 线程全局变量
    [development][C] C语言标准
    [daily][centos][nginx] 在centos7使用nginx启用对文件目录的http访问
    CS RANK: AI & ML
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924798.html
Copyright © 2011-2022 走看看