2011-05-20 41 views
1

這裏是我的「的getContent」功能,這需要一個URL:使用Javascript - 加載內容,回調和裝載

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(); 
} 

我想要做的是顯示加載圖像時,這就是所謂的,然後將其隱藏回調完成後?

任何建議可以反對?

+0

是你寫的代碼? – reporter 2011-05-20 10:38:21

+0

我不明白jQuery是如何進入這個的?大聲笑,如果你是,或者你正在尋找jQuery相當於 – Val 2011-05-20 10:42:23

+0

微軟Ajax和jQuery – CLiown 2011-05-20 10:43:01

回答

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"); 
    }); 

}); 
0
$('#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 

,因爲我在什麼樣的JavaScript框架或LIB的懷疑更多信息

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