2012-01-15 245 views
0

我打算構建一個基於ajax的應用程序,使用jQuery作爲JS框架,Codeigniter作爲PHP框架。當頁面加載時也使用AJAX?

當用戶與應用程序進行交互時,它顯然使用ajax來更新頁面,但是在第一次加載應用程序時它很有用,或者它簡單地導致頁面變慢?

編輯:我會盡量做得更具體。

那麼,我有一個應用程序展示的網站的靜態部分,用戶可以登錄/註冊然後有真正的應用程序。

每個用戶都有一些「項目」,他可以編輯它們,刪除或添加新項目,項目按幾個類別排列,用戶可以管理這些類別。

所以我會有2個簡單的CRUD:一個項目和一個類別。

只使用ajax會容易很多,但我注意到很多dom放慢了頁面的速度,因爲我還必須使用很多jquery來拖放,效果......

編輯2:感謝您的答案,但我問somethng不同,如果使用過多的AJAX(也爲頁面加載)將頁面

+0

爲什麼不只是加載初始頁面所需的元素?當頁面加載後,確實沒有必要使用AJAX? – Jivings 2012-01-15 14:15:14

+0

這是一個非常廣泛的問題,答案將很大程度上取決於手頭的情況,請嘗試縮小問題範圍,最好是通過更詳細地指定應用程序。 – zrvan 2012-01-15 14:16:02

+0

是的,我認爲這樣做,但這可能是一個問題,因爲我需要使用json的Ajax請求,同時使用初始的部分視圖... – 2012-01-15 14:16:40

回答

-1

只是像任何其他jQuery的AJAX調用放緩,但你不不需要將它分配給一個事件。

例如

$(document).ready(function() { 

    $.ajax('exampleurl', { 
    success: function(data) { $('#example').html(data); } 
    } 

}); 

這將運行在頁面加載的$。阿賈克斯()調用,並替換#示例股利與任何被裝載在Ajax調用的內容。

0

只需將您的ajax函數寫入document.ready function即可。 這將在頁面加載時運行ajax調用。

$(document).ready(function() { 

    // put all your jQuery ajax in here. 
    $.ajax({ 
     url: "test.html", 
     context: document.body, 
     success: function(){ 
     alert('success'); 
     } 
    }); 

}); 

希望這會有所幫助。