如何调用jquery ajaxStart + ajaxComplete

我有一个加载函数，并希望代码在加载时将一些html写入div，并在完成时显示页面。 我在ajaxStart和ajaxComplete事件上看到了一些小写，但是我不确定如何实现它们。

这是我正在考虑使用的jquery，但不确定如何在我目前的代码中实现…

$(document).ajaxStart(function(){ $('#content').html("Loading Content..."); }); 

这是我正在使用的当前jquery：

 //Load content $(".load").click(function(){ $("#content").empty(); loadName = $(this).attr("id"); $("#content").load("/content/" + loadName + ".php"); }); 

Answer 1

如果它是一个div并且您想用加载消息/指示符更新其内容，您可以这样做：

 $("#content").html('Loading...') .load("/content/" + loadName + ".php"); 

我不会使用ajaxStart和ajaxStop / ajaxComplete 全局事件，除非你有一个所有 ajax调用的公共加载指示器。 也就是说，可以按如下方式完成：

 $("#loading").bind("ajaxStart", function(){ $(this).show(); }).bind("ajaxStop", function(){ $(this).hide(); }); 

其中loading元素是您在ajax调用期间要显示的内容。