2016-01-16 31 views
0

我有一个通过$()。load()加载内容的选项卡控件,然后加载的页面会将数据从json调用加载到服务器。我不确定这是否是有效的方法。使用Ajax调用加载标签内容

基本上我想知道加载标签内容的最佳方式,它将包含另一个Ajax调用来获取json数据。我认为所有这些阿贾克斯调用会阻碍性能。

$("#tab-about").click(function() { 
    $("#tab-content").load("/about"); 
    /* about content will then have it's own ajax call for json data */ 
}); 
+0

然后合并您的请求,以便您的初始选项卡加载是预先填充的,并且只有在需要更改时才会进行第二个调用。有时候这样做的复杂性并不值得,而且你会继续并允许双AJAX请求。这是一个折衷,你必须评估自己。 – Jasen

+0

我试图看看是否有一种简单的方法,但可能值得考虑使用angularjs或emberjs来完成此操作。 – Ralph

+0

我实际上决定首先加载json数据并在回调函数中执行.load来加载页面/模板,然后我可以填充数据。至少这样,当页面加载时数据已经可用。 – Ralph

回答

0

性能问题取决于您的项目。但代码可能变成越野车。 确保把第二Ajax调用在setTimeout的,因为它可能不叫当您上传website.Try这样的:它包含函数结束后

setTimeout(function(){ /*Your code for ajax load content */ },0); 

功能的setTimeout的运行。