jquery - 如何将ajax调用请求数据保存在变量中并显示？

Question

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

如何将ajax请求中的数据保存到变量中然后显示？以及如何在处理过程中显示消息“正在加载...”？

Answer 1

 $.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 2

要加载消息，请在 ajax 中使用 beforeSend()。

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

Answer 3

你可以尝试这样的事情。在您的函数中，您可以显示加载 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>