jQuery.ajax设置请求头实现post请求发送数据的格式(Form Data和Request Payload)

jQuery.ajax设置请求头实现post请求发送数据的格式(Form Data和Request Payload)RequestPayload请求头部的Content-Type:application/json,请求正文是一个json格式的字符串FormData请求头部的Content-Type:application/x-www-form-urlencoded,请求正文是类似get请求url的请求参数<!DOCTYPEhtml><htmll…

 Request Payload 请求头部的 Content-Type: application/json,请求正文是一个 json 格式的字符串

Form Data 请求头部的 Content-Type: application/x-www-form-urlencoded,请求正文是类似 get 请求 url 的请求参数

jQuery.ajax设置请求头实现post请求发送数据的格式(Form Data和Request Payload)

<!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>

 jQuery.ajax设置请求头实现post请求发送数据的格式(Form Data和Request Payload)

<!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>

开源项目地址:

https://github.com/xutongbao/learn-chatgpt

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/36516.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注