jquery - jQuery 的 Ajax 是否有类似 .NET 的 LoadingElementId

Question

.NET 的 Ajax 助手具有 LoadingElementId: String 属性，获取并设置要在完成请求时显示的 DOM 元素的 ID。

寻找为通过 jQuery 的 Ajax 工具包提交的表单实现“处理中”微调器的最简单方法。

多谢

Answer 1

使用 .ajax 的 beforeSubmit 和 complete 事件。

如果您想对所有 ajax 调用执行此操作，您可以使用全局 ajaxStart 和 ajaxComplete 事件，而不是每次都声明它。

$.ajax({
  url: "test.html",
  beforeSubmit : showSpinner,
  complete : hideSpinner,
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

function showSpinner(){

  $('#someElement').show();

}

function hideSpinner(){

  $('#someElement').hide();

}


//Using global ajax events

$.ajaxStart( showSpinner );
$.ajaxComplete( hideSpinner );

Answer 2

jQuery 有很多ajaxEvents。您可以将元素的可见性与这些相关联。

$.ajaxStart(function(){ showLoading(); });
$.ajaxComplete(function(){ hideLoading(); });