2012-01-15 81 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'); 
     } 
    }); 

}); 

希望这会有所帮助。