Ajax中透過JS程式碼自動取得表單元素值

這篇文章主要介紹了關於Ajax中透過JS程式碼自動取得表單元素值，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

#如果表單元素不多的情況我們常常會透過GET方式來取得表單元素值，但如果表單元素非常多，此時就需要用POST方式來取得表單元素值，那麼如何來取得表單元素值呢

我們在使用Ajax的時候，通常需要取得表單元素值，然後傳送給後台的伺服器端程式處理。如果表單元素不多的情況我們常常會透過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!=&#39;&#39; )
{
if ( item.type == &#39;select-one&#39; )
{
itemValue = item.options[item.selectedIndex].value;
}
else if ( item.type==&#39;checkbox&#39; || item.type==&#39;radio&#39;)
{
if ( item.checked == false )
{
continue; 
}
itemValue = item.value;
}
else if ( item.type == &#39;button&#39; || item.type == &#39;submit&#39; || item.type == &#39;reset&#39; || item.type == &#39;image&#39;)
{
continue;
}
else
{
itemValue = item.value;
}
itemValue = escape(itemValue);
queryString += and + item.name + &#39;=&#39; + itemValue;
and="&";
}
}
return queryString;
}

呼叫方法：直接在Ajax中呼叫以上JS函數即可取得表單中所有元素的值了。

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

Ajax bootstrap美化網頁並實作頁面載入刪除與檢視詳情的程式碼

##關於AJax與Jsonp跨域存取的問題

#

以上是Ajax中透過JS程式碼自動取得表單元素值的詳細內容。更多資訊請關注PHP中文網其他相關文章！