Question

我开发了一些网站，我总是偶然发现了一个问题：多个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。

Answer 1

<强>封闭件

Closures起初有点令人兴奋。它们是javaScript和其他几种现代计算语言的一个特性。

闭包由一个函数的执行实例形成，该函数具有一个内部函数（通常是一个匿名事件处理程序或命名方法），需要访问一个或多个外部变量（即外部函数内但外部的变量）内在的功能）。令人兴奋的是内部函数保留了对外部变量的访问，即使外部函数已经完成并在内部函数执行时返回！

此外，闭包捕获的变量只能访问内部函数，而不能访问带来闭包的更远的环境。例如，即使在没有语言关键字“公共”和“私人”的情况下，此功能也允许我们创建具有私有成员和公共成员的类似于类的结构。

通过内部函数使用外部变量来抑制javaScript的“垃圾收集”，否则会使闭包成为可能，否则会在完成后的某个不确定点处破坏外部函数的环境。

封闭对良好，整洁的javaScript编程的重要性不能过分强调。

在下面的代码中，函数getData()在每次调用时形成一个闭包陷阱id1和id2（和url），匿名ajax仍可使用响应处理程序（$ .get的第三个参数）。

$(document).ready(function() { function getData(url, id1, id2) { $.get(url, Common.genSafeId(), function(data) { $(id1).html(data); $(id2).addClass("empty"); }); } getData('/activity', '#stream', '#load_activity'); getData('/messages', '#message', '#load_messages'); getData('/deals', '#new_deals_container', '#load_deal'); getData('/tasks', '#task_frames', '#load_task'); });

因此，我们不是编写四个单独的处理程序，而是利用该语言形成闭包的能力，并将相同的函数getData()调用四次。在每次调用时，getData()形成一个新的闭包，允许$ .get的响应处理程序（在服务器响应时异步调用）来解决其 DOM元素。

Answer 2

确保每个ajax调用都有不同的回调，听起来你正在尝试对所有四个调用使用相同的函数，因此当它们被无序调用时（因为它们在服务器端需要不同的时间），他们在错误的地方渲染。如果您坚持对所有回调使用相同的函数，那么您必须在有效负载中放置一些内容，以便回调知道要渲染到的位置。

多个ajax同时调用

2 个答案: