Ajax中通過JS代碼自動(dòng)獲取表單元素值的示例代碼
我們在使用Ajax的時(shí)候,通常需要獲取表單元素值,然后發(fā)送給后臺(tái)的服務(wù)器端程序處理。如果表單元素不多的情況我們常常會(huì)通過GET方式來獲取表單元素值,但如果表單元素非常多,此時(shí)就需要用POST方式來獲取表單元素值,那么如何來獲取表單元素值呢?下面給出一段JS代碼即可自動(dòng)獲取表單元素的值了。
function getFormQueryString(frmID) //frmID是表單的ID號(hào),請?jiān)诒韱蝔orm中先命名一個(gè)ID號(hào) { var frmID=document.getElementById(frmID); var i,queryString = "", and = ""; var item; var itemValue; for( i=0;i<frmID.length;i++ ) { item = frmID[i]; if ( item.name!='' ) { if ( item.type == 'select-one' ) { itemValue = item.options[item.selectedIndex].value; } else if ( item.type=='checkbox' || item.type=='radio') { if ( item.checked == false ) { continue; } itemValue = item.value; } else if ( item.type == 'button' || item.type == 'submit' || item.type == 'reset' || item.type == 'image') { continue; } else { itemValue = item.value; } itemValue = escape(itemValue); queryString += and + item.name + '=' + itemValue; and="&"; } } return queryString; }
調(diào)用方法:直接在Ajax中調(diào)用以上JS函數(shù)即可獲取表單中所有元素的值了。
- javascript 自動(dòng)填寫表單的實(shí)現(xiàn)方法
- JSP實(shí)現(xiàn)用于自動(dòng)生成表單標(biāo)簽html代碼的自定義表單標(biāo)簽
- javascript實(shí)現(xiàn)頁面刷新時(shí)自動(dòng)清空表單并選中的方法
- jquery自動(dòng)將form表單封裝成json的具體實(shí)現(xiàn)
- 用javascript模仿ie的自動(dòng)完成類似自動(dòng)完成功的表單
- 表單提交時(shí)自動(dòng)復(fù)制內(nèi)容到剪貼板的js代碼
- javascript實(shí)現(xiàn)自動(dòng)填寫表單實(shí)例簡析
相關(guān)文章
pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新
這篇文章主要介紹了pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能示例
這篇文章主要介紹了ajax實(shí)現(xiàn)文件異步上傳并回顯文件相關(guān)信息功能,結(jié)合實(shí)例形式分析了基于jQuery $.ajax方法的文件異步上傳以及后臺(tái)java程序?qū)ξ募畔⒌淖x取與顯示相關(guān)操作技巧,需要的朋友可以參考下2018-06-06ajax動(dòng)態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動(dòng)態(tài)為a標(biāo)簽的href屬性賦值,總是不執(zhí)行跳轉(zhuǎn)的原因想必大家有遇到過吧,下面與大家分享下具體的解決方法,希望對你有所幫助2013-06-06ajax中指定innerHTML時(shí)如何應(yīng)用其中的SCRIPT的研究
ajax中指定innerHTML時(shí)如何應(yīng)用其中的SCRIPT的研究...2007-03-03基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動(dòng)提交試卷 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06通過Ajax手動(dòng)解決WordPress WP-PostViews不計(jì)數(shù)的問題
這篇文章主要介紹了通過Ajax手動(dòng)解決WordPress WP-PostViews不計(jì)數(shù)的問題的相關(guān)資料,需要的朋友可以參考下2016-01-01ajax異步回調(diào)函數(shù)中給外部變量賦值的問題探討
ajax異步回調(diào)函數(shù)中給外部變量賦值的問題在本文將為大家詳細(xì)探討下,感興趣的朋友可以參考下2013-09-09