$.ajax()方法提交POST請求,contentType傳送資料到伺服器時所使用的內容型別
$.ajax()方法提交POST請求時,contentType傳送資料到伺服器時所使用的內容型別
https://www.cnblogs.com/yoyoketang/p/15292490.html
前言
$.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)
}
})
前言
$.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)
}
})