Ajax中通過JS代碼自動獲取表單元素值的示例代碼
我們在使用Ajax的時(shí)候,通常需要獲取表單元素值,然后發(fā)送給后臺的服務(wù)器端程序處理。如果表單元素不多的情況我們常常會通過GET方式來獲取表單元素值,但如果表單元素非常多,此時(shí)就需要用POST方式來獲取表單元素值,那么如何來獲取表單元素值呢?下面給出一段JS代碼即可自動獲取表單元素的值了。
function getFormQueryString(frmID) //frmID是表單的ID號,請?jiān)诒韱蝔orm中先命名一個(gè)ID號 { 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ù)即可獲取表單中所有元素的值了。
相關(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方法的文件異步上傳以及后臺java程序?qū)ξ募畔⒌淖x取與顯示相關(guān)操作技巧,需要的朋友可以參考下2018-06-06ajax動態(tài)為a標(biāo)簽href賦值不執(zhí)行跳轉(zhuǎn)的原因分析及解決
ajax 動態(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í)并自動提交試卷
這篇文章主要介紹了基于Ajax技術(shù)實(shí)現(xiàn)考試倒計(jì)時(shí)并自動提交試卷 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06通過Ajax手動解決WordPress WP-PostViews不計(jì)數(shù)的問題
這篇文章主要介紹了通過Ajax手動解決WordPress WP-PostViews不計(jì)數(shù)的問題的相關(guān)資料,需要的朋友可以參考下2016-01-01ajax異步回調(diào)函數(shù)中給外部變量賦值的問題探討
ajax異步回調(diào)函數(shù)中給外部變量賦值的問題在本文將為大家詳細(xì)探討下,感興趣的朋友可以參考下2013-09-09