$.postと$.ajaxの違い?
2023-09-30 01:12:54
質問
dataパラメータに関して、何が違うのか知っている人がいれば教えてください。
私は
$.post
メソッドで
$('#myform').serialize()
をデータパラメータとして受け取り、動作します。
を使って同じことをやってみると
$.ajax()
のアプローチで同じことを試みても、データパラメータが正しく表示されないため、うまくいきません。
誰か違いを知っていますか、そして私が上記の
.serialize
?
どのように解決するのですか?
オンラインドキュメントを読み直した結果、$.ajaxよりも$.postに固執することにしました。
$.ajaxメソッドのdataパラメータは、$.postメソッドが行うこととは異なることを行います。正確には分かりませんが、違いがあります。
私が$.ajaxを使いたかった唯一の理由は、イベントを処理できるようにしたかったからで、$.postでそれができることを知りませんでした。
以下は、私が最終的に作成したものです。
function GetSearchItems() {
var url = '@Url.Action("GetShopSearchResults", "Shop", New With {.area = "Shop"})';
var data = $("#ShopPane").serialize();
// Clear container
$('#shopResultsContainer').html('');
// Retrieve data from action method
var jqxhr = $.post(url, data);
// Handle results
jqxhr.success(function(result) {
//alert("ajax success");
$('#shopResultsContainer').html(result.ViewMarkup);
});
jqxhr.error(function() {
//alert("ajax error");
});
jqxhr.complete(function() {
//alert("ajax complete");
});
// Show results container
$("#shopResultsContainer").slideDown('slow');
}
JQuery 3.x
jqXHR.success(), jqXHR.error(), jqXHR.complete() コールバックメソッドは、jQuery 3.0から削除されました。 メソッドは、jQuery 3.0から削除されました。jqXHR.done()を使用することができます。 jqXHR.fail()、jqXHR.always()を代わりに使用することができます。
var jqxhr = $.post(url, data);
// Handle results
jqxhr.done(function(result) {
//alert("ajax success");
});
jqxhr.fail(function() {
//alert("ajax error");
});
jqxhr.always(function() {
//alert("ajax complete");
});
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] serialVersionUIDとは何ですか、またなぜそれを使用する必要がありますか?
-
[解決済み] jQueryを使ったAjaxリクエストの中断
-
[解決済み] Bowerとnpmの違いは何ですか?
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] JavaScriptのnullとundefinedの違いは何ですか?
-
[解決済み] JSのDateからDay名
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 配列からオブジェクトを生成する
-
[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] querySelectorAllがない場合、ライブラリを使用せずに属性で要素を取得する?
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法