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函數即可取得表單中所有元素的值了。

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

AJAX初級教學之初識AJAX

AJAX封裝類別使用指南

#Ajax中瀏覽器與伺服器互動詳解

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