Question

这是我的'getContent'函数，它接受一个URL：

function getContent(url, callback) {
    var request = new Sys.Net.WebRequest();
    request.set_url(url);
    request.set_httpVerb("GET");
    var del = Function.createCallback(getContentResults, callback);
    request.add_completed(del);
    request.invoke();
}

我想做的是在调用时显示加载图像，然后在回调完成后隐藏它？

有人建议反对吗？

Answer 1

您可以使用jQuery .load（）函数加载HTML，然后使用.ajaxStart（）和.ajaxStop（）事件处理程序来显示和隐藏加载动画。

以下是一个例子：

$(document).ready(function() {
    $("#loadlink").click( function() {
        $("#container").load( "load.htm" );
    });

    $("#loadlink").ajaxStart( function() {
        console.log("start");
    });

    $("#loadlink").ajaxStop( function() {
        console.log("stop");
    });

});

Answer 2

$('#selector').html('<img src="loading.gif" />').ajax({
   URL: 'myurl',
   type: 'GET',
   dataType:'html',
   success:function (data){
        console.log('This has changed');
        // data is your html returned/response
   },
   error: function (){
        //this handles errors such as 404,500, etc...
   }
});

发生了什么事？

$('#selector')//is where the result would be shown this instance <div id="selector">
    .html('<img src="loading.gif" />')// adds an image to <div id="selector"><img src="loading" /></div>
    .ajax();//well its the ajax call to get the page data

了解更多信息

http://api.jquery.com/jQuery.ajax/

Javascript - 加载内容，回调和加载

2 个答案: