AjaxでJSコードを通じてフォーム要素の値を自動取得するサンプルコード

フォーム要素が少ない場合は、GETを使用してフォーム要素の値を取得することがよくありますが、フォーム要素が多い場合は、POSTを使用してフォーム要素の値を取得する必要があります。 ?

Ajax を使用する場合、通常はフォーム要素の値を取得し、それをバックグラウンドのサーバー側プログラムに送信して処理する必要があります。フォーム要素の数が少ない場合は、GET でフォーム要素の値を取得することが多いですが、フォーム要素の数が多い場合は、POST を使用してフォーム要素の値を取得する必要があります。以下は、form 要素の値を自動的に取得できる 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;
}

メソッドの呼び出し: 上記の JS 関数を Ajax で直接呼び出して、フォーム内のすべての要素の値を取得します。

上記は私があなたのためにまとめたものです。

関連記事:

AJAX 基本チュートリアル: はじめての AJAX を知る

AJAX カプセル化クラスの使用ガイド

Ajax におけるブラウザとサーバーの対話の詳細な説明

以上がAjaxでJSコードを通じてフォーム要素の値を自動取得するサンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。