如何调用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调用的通用加载指示器,否则我不会使用ajaxStart和ajaxStop/ ajaxComplete global事件.也就是说,可以按如下方式完成:

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

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