1
Django/html内での定期的な送信では、投稿要求は（ '名前'という名前の複数の選択がある場合） 'state'値と他の入力値のリストを収集してサーバーに送信します。
jqueryには、htmlの入力値をすべて集めて、ajaxコールの引数として含める同様の関数がありますか？
A
答えて
1
jqueryのはこれがあなたのサーバーにポストされるのと同じ文字列にフォームをシリアル化します
var postData =$('form').serialize();
serialize機能を持っています。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
<div class="summary">
<div class="trip">
<input name="city" value="Some City" type="text" />
<select name="State" class="state">
<option selected disabled>Choose a State</option>
<option value="1">California</option>
<option value="2">New York</option>
</select>
<select name="State" class="state">
<option selected disabled>Choose a State</option>
<option value="1">California</option>
<option value="2">New York</option>
</select> ... Repeated an unknown number of times. ...
<br><br>
</div>
</div>
<input type="button" id="submit" value="calculate">
</form>
<textarea id="data"></textarea>
<script>
$("#submit").click(function() {
var data = $("form").serialize()
$("#data").val(data);
return false;
});
</script>また、あなたのフォーム内のすべての値の配列を与えるserializeArrayを使用することができます。
var postData =$('form').serialize();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post">
<div class="summary">
<div class="trip">
<input name="city" value="Some City" type="text" />
<select name="State" class="state">
<option selected disabled>Choose a State</option>
<option value="1">California</option>
<option value="2">New York</option>
</select>
<select name="State" class="state">
<option selected disabled>Choose a State</option>
<option value="1">California</option>
<option value="2">New York</option>
</select> ... Repeated an unknown number of times. ...
<br><br>
</div>
</div>
<input type="button" id="submit" value="calculate">
</form>
<textarea id="data"></textarea>
<script>
$("#submit").click(function() {
var m = {};
$("form").serializeArray().forEach(function(x, y) {
if(!m[x.name]) {
m[x.name] = x.value;
} else {
var d = [];
d.push(m[x.name]);
d.push(x.value);
m[x.name]=d;
}
});
$("#data").val(JSON.stringify(m));
return false;
});
</script>+0
JSONデータをシリアル化するには、マップ関数と完全なjQueryプラグインを使用することもできますが、それらはすべて少しずつ異なってシリアル化します。同様に誰もが望んでいます。彼らのJSONは多少異なる形式でシリアル化されているので、いくつかテストして、どの形式があなたの望む形式を提供するかを見てみましょう –
+0
ありがとう！ –
+0
提出の最後にfalseを返す理由を聞かせますか？ –
0
あなたはこのようにそれを行うことができます。
ボタンのタイプを「送信」に変更します。
フォームの送信イベントを処理し、フォームデータをシリアル化します。
<input type="submit" id="submit" value="calculate">
$("form").on("submit", function(event) {
event.preventDefault();
console.log($(this).serialize());
});
関連する問題
- 1. Laravel - 要求は、私は次の形式を持っている
- 2. は、私は次の形式を持っている
- 3. は、私は次の形式を持っている
- 4. 私は、次の形式のデータを持っている
- 5. 私は、次のxml形式を持っているのXQuery
- 6. 私は次の日付形式持っているのPython
- 7. は、私は次の形式のシェルコマンドを持って
- 8. は、私は次のテキスト形式を持って試合
- 9. は、私は次の形式を持っているテキストボックスの値はPHP
- 10. は、私は次の形式でのドキュメントのコレクションを持っているのMongoDB
- 11. は、私は次の形式を持っているパンダを持っているパンダの列
- 12. は、私は次のテキスト形式のファイルを持っているアプリケーション
- 13. は、私は次の形式でJSONの日付データを持っているアイソーン
- 14. のJava 8は、私は次の形式でデータを持っている合計
- 15. は、私は次の形式でWord DOCXを持っているPythonのdocxファイル
- 16. は、私は次の形式でRのデータフレームを持っている日
- 17. は、次の形式で、私はRのテーブルを持っているR
- 18. SCALAリフトアクセスAJAXフォームは、私は次の形式を持っている
- 19. 私は、このJSON形式を持って、このJSON形式
- 20. 私は次の形式であるXMLファイルを持っている
- 21. 次の形式でF1を言う、私はファイルを持っているスクリプト
- 22. Djangoのフォームは、私がforms.pyで次の形式を持っている
- 23. Javascriptが、私は次の形式の文字列を持っているサブ
- 24. 私は次の形式でパンダのデータフレームを持っているローカルマシンで
- 25. Pythonのエラーが私はtxtファイル次の形式を持っている「TempData.txt」持っているパンダ
- 26. は、表形式の反応 - 私は、次の列定義持っ
- 27. preg_match_allは、私は、この形式のデータを持っている
- 28. 私は次の式を持っているテキストフィールドを持っている
- 29. スプリットは、私は次の形式で私のExcelの列に持って
- 30. は、私は次の式を持っている
serializeのような意味ですか？ https://api.jquery.com/serialize/ – Russell
シリアライズ機能を使用できます。 –
複数の '