Ajax リクエストが 1 回のクリックで複数回送信されるのはなぜですか?

php中世界最好的语言
リリース: 2018-04-03 14:58:29
オリジナル
1750 人が閲覧しました

今回は、Ajax リクエストが 1 回のクリックで複数回送信される理由について、Ajax リクエストが 1 回のクリックで複数回送信される場合の 注意事項 についてお届けします。

ページの

ボタン のタイプは submit: JQuery での

ajax のリクエストは:

$(function () {
$('#submit').click(function () {
var createGenreForm = $('#createGenreForm');
if (createGenreForm.valid()) {
var obj = {
Name: $('#Name').val(),
Description: $('#Description').val()
};
var jsonSerialized = JSON.stringify(obj);
$.ajax({
type: "POST",
url: createGenreForm.attr('action'),
dataType: "json",
contentType: "application/json; charset=utf-8",
data: jsonSerialized,
success: function (result) {
alert(result.Message);
},
error: function (error) {
alert("There was an error posting the data to the server: " + error.responseText);
}
});
}
});
});
ログイン後にコピー

2 つの送信が発生した理由は、ajax リクエストの実行後、送信の 動作 がブロックされなかったためです。そのため、解決策は 2 つあります:

1 タイプのボタンを使用しないでください。タイプがボタンであるボタン。

2. $('#submit').click 関数に、送信を防ぐための最後の行

return false; を追加します。

ちょっとした説明: タイトルに英語を埋め込む必要があるのはなぜですか?その理由は、海外のネットユーザーがこの記事に問い合わせられるようにするためです。普段Googleで情報を調べる際に海外ネット民のブログを参考にすることが多く、解決することが多いので、自分が書いた内容も参考にしてもらいたいと思っています。もちろん、記事内のすべてを英語に翻訳することはできません。そのため、すべてのコードを貼り付けて、コード自体が語るように最善を尽くします。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Ajaxでフォームを送信しファイルアップロードを実装する方法

AjaxバックグラウンドでアップロードされたJSONデータを処理する方法成功

以上がAjax リクエストが 1 回のクリックで複数回送信されるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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