ホームページ > ウェブフロントエンド > jsチュートリアル > AjaxのJSコードを通じてフォーム要素の値を自動的に取得する

AjaxのJSコードを通じてフォーム要素の値を自動的に取得する

不言
リリース: 2018-07-02 16:08:34
オリジナル
1560 人が閲覧しました

この記事では主に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 で直接呼び出して、フォーム内のすべての要素の値を取得します。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

Ajax ブートストラップは Web ページを美しくし、ページの読み込み、削除、詳細コードの表示を実装します

AJax と Jsonp 間のクロスドメイン アクセスの問題について


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート