$.ajax()方法提交POST請求，contentType發送數據到服務器時所使用的內容類型

前言

$.ajax()方法提交POST請求時，contentType發送數據到服務器時所使用的內容類型。默認是："application/x-www-form-urlencoded"。
如果想以json格式提交，可以設置參數contentType:"application/json"

POST請求默認提交格式

contentType發送數據到服務器時所使用的內容類型。默認是："application/x-www-form-urlencoded"。

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<script> $.ajax({ url: "/api/v1/demo", type: "POST", //默認值: "GET"請求方式 ("POST" 或 "GET") data: { //提交的數據，將自動轉換為請求字符串格式 page: 1, size: 10, search : "yoyo" dataType:"json", //服務器返回的類型json,xml,text,html等 success: function(result, status, xhr){ // 回調結果，如果成功 alert("接口返回狀態："+status) }, error: function(xhr, status, error) { alert("接口返回狀態："+status) } }) 
</script>
 

如果data參數是Object對象格式，提交的時候會自動轉成字符串格式"page=1&size=10&search=yoyo"

           data: {    //提交的數據，將自動轉換為請求字符串格式
                    page: 1,
                    size: 10,
                    search : "yoyo"
                }

data參數也可以直接寫成字符串：page=1&size=10&search=yoyo

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
    $.ajax({
            url: "/api/v1/demo",
            type: "POST",  //默認值: "GET"請求方式 ("POST" 或 "GET")
            data: "page=1&size=10&search=yoyo",
            dataType:"json",   //服務器返回的類型json,xml,text,html等
            success: function(result, status, xhr){      // 回調結果，如果成功
                       alert("接口返回狀態："+status)  
                    },
            error: function(xhr, status, error) {
                        alert("接口返回狀態："+status)
                     }
            })

以上2種方式提交結果都是一樣

contentType:"application/json"類型

設置contentType:"application/json"類型，那么 data 傳的參數必須是 json 字符串格式

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<span class="hljs-keyword">var</span> body = {
        <span class="hljs-attr">page</span>: <span class="hljs-number">1</span>,
        <span class="hljs-attr">size</span>: <span class="hljs-number">10</span>,
        search : <span class="hljs-string">"yoyo"</span>
    };

$.ajax({
 url: "/api/v1/demo",
 type: "POST", //默認值: "GET"請求方式 ("POST" 或 "GET")
 contentType: "application/json",
 data: JSON.stringify(body),
 dataType:"json", //服務器返回的類型json,xml,text,html等
 success: function(result, status, xhr){ // 回調結果，如果成功
 alert("接口返回狀態："+status)
 },
 error: function(xhr, status, error) {
 alert("接口返回狀態："+status)
 }
 })