Ajax中通過JS代碼自動獲取表單元素值的示例代碼
更新時間：2014年09月04日 17:37:06 投稿：whsnow
如果表單元素不多的情況我們常常會通過GET方式來獲取表單元素值，但如果表單元素非常多，此時就需要用POST方式來獲取表單元素值，那么如何來獲取表單元素值呢
我們在使用Ajax的時候，通常需要獲取表單元素值，然后發(fā)送給后臺的服務(wù)器端程序處理。如果表單元素不多的情況我們常常會通過GET方式來獲取表單元素值，但如果表單元素非常多，此時就需要用POST方式來獲取表單元素值，那么如何來獲取表單元素值呢？下面給出一段JS代碼即可自動獲取表單元素的值了。
function getFormQueryString(frmID) //frmID是表單的ID號，請在表單form中先命名一個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)文章
一提到異步交互大家就會說ajax,仿佛ajax這個技術(shù)已經(jīng)成為了異步交互的代名詞.那下面將研究ajax的核心對象2016-01-01
Ajax登陸使用Spring Security緩存跳轉(zhuǎn)到登陸前的鏈接
這篇文章主要介紹了Ajax登陸使用Spring Security緩存跳轉(zhuǎn)到登陸前的鏈接,需要的朋友可以參考下2019-04-04
本文給大家介紹ajax的三種實現(xiàn)及json解析的相關(guān)資料，對本文感興趣的朋友參考下2015-12-12
這篇文章主要介紹了Ajax對xml信息的接收和處理操作,結(jié)合實例形式分析了ajax針對xml結(jié)構(gòu)信息的相關(guān)處理操作技巧,需要的朋友可以參考下2019-07-07
jQuery通過Ajax向PHP服務(wù)端發(fā)送請求并返回JSON數(shù)據(jù)
這篇文章主要介紹了jQuery通過Ajax向PHP服務(wù)端發(fā)送請求并返回JSON數(shù)據(jù),設(shè)計到的知識點有jquery、ajax、php、json，感興趣的朋友一起學習下jquery ajax 返回json2015-10-10
Ajax讀取XML實現(xiàn)動態(tài)下拉導航...2007-02-02
解決Ajax方式上傳文件報錯"Uncaught TypeError: Illegal invocation"
這篇文章主要介紹了Ajax方式上傳文件報錯"Uncaught TypeError: Illegal invocation"，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
jquery ajax 向后臺傳遞數(shù)組參數(shù)示例
在JS中向后臺傳遞數(shù)組參數(shù)，如果數(shù)組中放的是對象類型，傳遞到后臺是顯示的只能是對象字符串--[object Object],具體的原因及解決方法如下，有類似問題的朋友可以參考下2013-07-07
這篇文章主要為大家詳細介紹了表單上傳功能和文件上傳功能實現(xiàn)，ajax文件異步上傳，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
通過Ajax手動解決WordPress WP-PostViews不計數(shù)的問題
這篇文章主要介紹了通過Ajax手動解決WordPress WP-PostViews不計數(shù)的問題的相關(guān)資料,需要的朋友可以參考下2016-01-01