如何调用jQuery ajaxStart + ajaxComplete

Question

我有一个加载功能，并希望代码在加载时以及完成时将一些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('<strong>Loading...</strong>')
             .load("/content/" + loadName + ".php");

除非您为 所有的 ajax调用提供一个公共的加载指示器，否则我不会使用ajaxStartand和ajaxStop/ ajaxComplete
global事件。也就是说，可以按照以下步骤进行操作： __

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

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