詳解使用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來發(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)無法正確獲取到q的值。
body的寫法也是一個(gè)重點(diǎn)，注意。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
javascript閉包傳參和事件的循環(huán)綁定示例探討
按常理循環(huán)綁定事件，但是得到的結(jié)果卻不是想要的，下面有個(gè)不錯(cuò)的示例，可以為大家詳細(xì)分解下2014-04-04
大家都喜歡用innerHTML添加內(nèi)容，但是innerHTML這東西在兩大陣營(yíng)中有許多不同。2010-02-02
淺談 Webpack 如何處理圖片(開發(fā)、打包、優(yōu)化)
這篇文章主要介紹了淺談 Webpack 如何處理圖片(開發(fā)、打包、優(yōu)化)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
踩了很多次坑,終于在微信小程序中搞定了圖片上傳以及內(nèi)容安全審核,下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳以及內(nèi)容安全審核的相關(guān)資料,文中通過圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
JavaScript實(shí)現(xiàn)導(dǎo)入和導(dǎo)出Excel的示例詳解
在現(xiàn)代的Web應(yīng)用開發(fā)中,與Excel文件的導(dǎo)入和導(dǎo)出成為了一項(xiàng)常見而重要的任務(wù),本文主要介紹了如何在熟悉的電子表格?UI?中輕松導(dǎo)入?Excel?文件,需要的可以參考下2024-03-03
Function.prototype.call和Function.prototype.apply都是非常常用的方法,它們的作用一模一樣,區(qū)別僅在于傳入?yún)?shù)形式的不同,下面這篇文章主要介紹了JavaScript深入理解系列之call與apply的相關(guān)資料,需要的朋友可以參考下2022-04-04
學(xué)習(xí)JavaScript設(shè)計(jì)模式之單例模式
這篇文章主要為大家介紹了JavaScript設(shè)計(jì)模式中的單例模式，對(duì)JavaScript設(shè)計(jì)模式感興趣的小伙伴們可以參考一下2016-01-01
項(xiàng)目需要做了如下的東西，希望能給其他需要的同學(xué)們一點(diǎn)參考。2010-08-08
這篇文章主要介紹了原生JS如何實(shí)現(xiàn)相鄰月份日歷，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-10-10
原生Js頁(yè)面滾動(dòng)延遲加載圖片實(shí)現(xiàn)原理及過程
頁(yè)面滾動(dòng)加載事件，獲取元素在頁(yè)面里的top值根據(jù)滾動(dòng)條的位置判斷何時(shí)顯示圖片；獲取元素集合 加載過的圖片從集合里刪除，具體實(shí)現(xiàn)如下，感興趣的朋友各位可以參考下哈2013-06-06