この記事では主に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!='' ) { 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; }
メソッドの呼び出し: 上記の JS 関数を Ajax で直接呼び出して、フォーム内のすべての要素の値を取得します。
上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。
関連する推奨事項:
Ajax ブートストラップは Web ページを美しくし、ページの読み込み、削除、詳細コードの表示を実装します AJax と Jsonp 間のクロスドメイン アクセスの問題について
以上がAjaxのJSコードを通じてフォーム要素の値を自動的に取得するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。