我开发了一些网站,我总是偶然发现一个问题:多个ajax调用.我有一个主页面,其中所有内容都异步加载.加载页面时,有四个INDEPENDENT调用按区域(顶部,左侧,右侧和底部)"绘制"页面,当它加载时,我向用户显示典型的ajax旋转.因此,当浏览器收到请求时,我执行回调,并且不同的区域在不同的时间绘制.事实上,服务器的答案有时会混淆,我的意思是,top的答案是左边的,反之亦然.
我尝试了一些解决方案,比如在每个请求中创建一个时间戳,以向浏览器和服务器指示每个请求是不同的.
另外,我试图在服务器中配置一些缓存参数,以防万一.
工作的唯一方法是在一个回调中包含request2等.
任何人都知道正确的方法,或曾经打败过这个问题？我不想做链式请求.
谢谢
这是我的意思的一个例子:
$(document).ready(function() {
$.get('/activity',Common.genSafeId(),function(data){$('#stream').html(data);$("#load_activity").addClass("empty");});
$.get('/messages',Common.genSafeId(),function(data){$('#message').html(data);$("#load_messages").addClass("empty");});
$.get('/deals',Common.genSafeId(),function(data){$('#new_deals_container').html(data);$("#load_deal").addClass("empty");});
$.get('/tasks',Common.genSafeId(),function(data){$('#task_frames').html(data);$("#load_task").addClass("empty");});});
而html是一个简单的jsp,每个容器有四个容器,每个容器都有不同的id.