ページロードを保持しないAJAXコールの作成

Question

ページにロードされている他のアセット/リソースの進行状況を保持せずに、AJAX経由でデータをリクエストする最適な方法は何ですか？あなたのAJAX呼び出しからの返されたデータ/情報が必要とされるという事実は、あなたのHTMLページの生成/生成に返されるデータが使用されることです。

実践例：あなたは$（文書）、レディ（関数（）{}）を使用してコードをラップでき

$.get("pageURI", {getVar:getVal}, function(data){ 
    var response = data; 
}); 

1. 。ドキュメントの準備ができたらHTMLを生成しますが、ページ生成ロジックをAJAX呼び出し内で囲まずに、したがって$ .get（...）...の内部では、ページにコンテンツが埋め込まれていることを確認しますあなたの応答が期待されるデータを持っていることを知っているときにのみ、したがって！未定義です。
2. 私はAJAXコールラッパーの中にあるコードに問題はありませんが、レスポンスに依存するコードがたくさんある場合、言い換えれば約10-15の長い関数と他のロジックがある場合はどうなりますか？あなたのAJAX呼び出しをラップすることをお勧めしますか？
3. また、ウィンドウプロパティ（window.response）/グローバル変数として応答を設定し、ページが完全にロードされた後にのみ使用できることも理解しています。例えば$（window）.bind（ "load"、function（）{}）プログラムのライフサイクル全体を通してさまざまな場所で使用される可能性がありますが、その優れたコーディング方法はありますか？

ご回答ありがとうございます。

Answer 1

必要に応じて最小ページをレンダリングし、Ajax呼び出しを実行できます。 jQueryは、Ajax呼び出しが完了したときに実行する素晴らしいコールバックを提供し、それを使用してそれに依存する他の関数を開始することができます。これを考慮してください：

var jqxhr = $.get("/twiddle-bits", function(data, status, jqXHR) { 
    // Here is where you call functions that do the second-stage data population 
    apply_changes_after_ajax_call(); 
    update_some_other_things(); 
}) 
.fail(function() { 
    show_error_messages(); 
}); 

これはあなたが探しているものを行うはずです。 HTMLページはAjaxコールの前にレンダリングされ、結果が戻ったらDOMを更新できます。これは、このような動的ページで動作する方法です。