動的な入力数を持つフォームを操作する場合、すべてのフォームを含む AJAX リクエストを手動で構築するのは困難な場合がありますデータ。 jQuery の Serialize() メソッドを使用してこのプロセスを簡素化する方法は次のとおりです。
orderproductForm という名前の動的な入力数を持つフォームを考えてみましょう。目標は、各入力を手動で反復処理することなく、すべてのフォーム データを AJAX 経由で送信することです。
jQuery の Serialize() メソッドは、これに対する洗練されたソリューションを提供します。問題:
$('#orderproductForm').submit(function(e) { e.preventDefault(); // prevent the form from submitting $.ajax({ type: "POST", url: $(this).attr('action'), data: $(this).serialize(), // serialize the form into a string success: function(data) { alert(data); // display the response } }); });
$.ajax({}): jQuery を使用して AJAX リクエストを実行します。
このソリューションを使用するには、ページに jQuery ライブラリを組み込み、id 属性を含むようにフォーム要素を変更します。
<form>
フォームが送信されると、jQuery は AJAX リクエストを処理し、すべてのフォーム データを指定された URL に送信します。その後、サーバー側スクリプトは必要に応じてフォーム データを処理できます。
以上がjQuery の「serialize()」は、動的入力を使用した AJAX フォームの送信をどのように簡素化できるでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。