詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理
更新時(shí)間：2017年04月05日 10:18:01 投稿：lqh
這篇文章主要介紹了詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理的相關(guān)資料,需要的朋友可以參考下
詳解使用fetch發(fā)送post請(qǐng)求時(shí)的參數(shù)處理
不考慮古董瀏覽器之后，使用fetch來(lái)發(fā)送ajax請(qǐng)求，變得非常爽快和時(shí)尚。
但是，發(fā)送post請(qǐng)求的時(shí)候，把筆者卡了一下。后臺(tái)如下獲取參數(shù)時(shí)，總是為null
String q = req.getParameter("q");
研究了好久，總算寫出正確的使用方式了。直接上代碼。
fetch("/search/project/", {
method: "POST",
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: "q=參數(shù)q"
}).then(function(response) {
// do sth
});
關(guān)鍵點(diǎn)在于headers，因?yàn)槟J(rèn)Content-Type不是application/x-www-form-urlencoded，所以導(dǎo)致后臺(tái)無(wú)法正確獲取到q的值。
body的寫法也是一個(gè)重點(diǎn)，注意。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
JS實(shí)現(xiàn)網(wǎng)頁(yè)游戲中滑塊響應(yīng)鼠標(biāo)點(diǎn)擊移動(dòng)效果
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)游戲中滑塊響應(yīng)鼠標(biāo)點(diǎn)擊移動(dòng)效果,涉及JavaScript針對(duì)頁(yè)面鼠標(biāo)事件、滾動(dòng)事件及元素屬性等相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了在Iframe中獲取父窗口中表單的值(示例代碼)。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
JavaScript中數(shù)組的排序、亂序和搜索實(shí)現(xiàn)代碼
JavaScript中實(shí)現(xiàn)數(shù)組的排序、亂序和搜索，其實(shí)所有這些功能，用一個(gè)sort()就可以完成了2011-11-11
微信小程序?qū)崿F(xiàn)短信登錄的實(shí)戰(zhàn)
項(xiàng)目要求增加短信登錄及人臉識(shí)別登錄功能，本文就來(lái)實(shí)現(xiàn)一下 短信登錄功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要幫助大家深入理解JS綁定事件，介紹了六種JS綁定事件的情況，感興趣的小伙伴們可以參考一下2016-01-01
這篇文章主要介紹了Web打印解決方案之普通報(bào)表打印功能的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08
JavaScript中函數(shù)（Function）的apply與call理解
這篇文章主要介紹了JavaScript中函數(shù)（Function）的apply與call理解,本文講解了JavaScript函數(shù)調(diào)用分為4中模式以及通過(guò)apply和call實(shí)現(xiàn)擴(kuò)展和繼承兩方面,需要的朋友可以參考下2015-07-07
js不能跳轉(zhuǎn)到上一頁(yè)面的問(wèn)題解決方法
用JS：history.go(-1)就可以回到A頁(yè)面，如果使用Click,Change事件等激發(fā)了頁(yè)面的回傳，此時(shí)用history.go(-1)就回不到A頁(yè)面了，遇到此問(wèn)題的朋友們可以祥看本文2013-03-03
JavaScript?getter?setter金字塔???????
這篇文章主要介紹了JavaScript?getter?setter金字塔???????，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
JavaScript實(shí)現(xiàn)單例模式實(shí)例分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)單例模式實(shí)例以及代碼講解，有需要的讀者們跟著學(xué)習(xí)參考下吧。2017-12-12