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