ajax post方式表單提交setRequestHeader報(bào)錯(cuò)解決方法
當(dāng)我們創(chuàng)建一個(gè)異步對(duì)象XMLHttpRequest同時(shí)post方式向后臺(tái)傳輸數(shù)據(jù)的時(shí)候。
我們要設(shè)置異步對(duì)象的xhr.setRequestHeader成員的值為
XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");否則的話后臺(tái)是不能接收到傳過去的值的。因?yàn)樵诠雀铻g覽器的編譯器中顯示,傳值在Request Payload中,這是錯(cuò)誤的(如圖) --屬性注意看
而正確的方式是在 Form Data 中(如圖)
這個(gè)設(shè)置在form表單中的enctype屬性(規(guī)定在發(fā)送到服務(wù)器之前應(yīng)該如何對(duì)表單數(shù)據(jù)進(jìn)行編碼。一共有三種形式,可參考w3c文檔)也是有得到體現(xiàn)的、
例如:<form enctype="application/x-www-form-urlencoded"></form>
jquery 里面有一個(gè)方法serialize() 方法 。??梢詫?shù)一窩端。變成 id="值"&name="值" 的方式
相關(guān)文章
Ajax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狝jax獲取數(shù)據(jù)然后顯示在頁面的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08零基礎(chǔ)學(xué)習(xí)AJAX之AJAX的簡(jiǎn)介和基礎(chǔ)
本系列我們將來逐步學(xué)習(xí)ajax,作為本系列的開篇文章,我們還是俗套些,先來講解下ajax的簡(jiǎn)介和基礎(chǔ)知識(shí)吧。2015-01-01jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04使用Yii整合的pjax(pushstate+ajax)實(shí)現(xiàn)無刷新加載頁面
本篇文章給大家介紹Yii整合pjax(pushstate+ajax)實(shí)現(xiàn)無刷新加載頁面,小伙伴跟著小編一起學(xué)習(xí)吧2015-09-09asp.net+Ajax 文本文件靜態(tài)分頁實(shí)現(xiàn)代碼
代碼還是很淺顯易懂的,呵呵因?yàn)槲乙膊粫?huì)寫高深的代碼。重要的我們都要?jiǎng)邮秩?shí)踐。菜鳥們多多努力哦。做完我這個(gè)例子級(jí)會(huì)收獲很多哦。2010-05-05妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價(jià)實(shí)例代碼
這篇文章主要給大家介紹妙用Ajax技術(shù)實(shí)現(xiàn)局部刷新商品數(shù)量和總價(jià)實(shí)例代碼,非常不錯(cuò),需要的朋友一起看看吧2016-05-05