• 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>
  • 相关阅读:
    Flume线上日志采集【模板】
    【转】什么叫众筹?什么叫大数据?什么叫互联网思维?简单粗暴秒懂!
    【转】搞清楚LzoCodec和LzopCodec
    linux tail -f 和 tail -F的区别 && tail 的断点续传
    hadoop输出lzo文件并添加索引
    中文转Punycode
    Storm学习笔记——简介
    HBase学习笔记——Java API操作
    HBase学习笔记——配置及Shell操作
    HBase学习笔记——概念及原理
  • 原文地址:https://www.cnblogs.com/xutongbao/p/9924798.html
Copyright © 2020-2023  润新知