jquery - ajax呼び出しリクエストデータを変数に保存して表示する方法は?

Question

$.ajax({
    url: "test.html",
    context: document.body
}).done(function() {
    //show data
});

ajaxリクエストから変数にデータを保存して表示する方法は? 処理中に「読み込み中...」というメッセージを表示する方法は？

Answer 1

このようなものを試すことができます。あなたの関数では、読み込み中のdivを表示できます

function your_ajax() {
  $('#loading').show();
  $.ajax({
    url: "test.html",
    context: document.body
    }).done(function(data) {
     $('#loading').hide();      
     alert(data);

  });
}

この部分を html に追加してください

<div id="loading" style="display:none;">Loading </div>

Answer 2

 $.ajax({
    url: "test.html",
    context: document.body
}).done(function(data) { 
    alert(data);
});

更新しました：

$.ajax({
    url: "test.html",
    context: document.body
}).done(function(data) {
   $('#loading').hide();    
   // alert(data);
});

マークアップ:

<div id='loading'></div>

Answer 3

メッセージの読み込みには、ajax で beforeSend() を使用します。

  beforeSend : function () {
      $('body').html('Loading...');
  }