在脚本中使用两个 jQuery Ajax 方法答案

【问题标题】：Using Two jQuery Ajax Methods in Script在脚本中使用两个 jQuery Ajax 方法
【发布时间】：2014-07-30 14:09:21
【问题描述】：

您能否告诉我如何在一个脚本中使用两个 Ajax 调用并避免冲突？例如，我有一个这样的脚本：

<script type="text/javascript">
$(document).ready(function() {
    $.ajax({
         type: 'POST',
         url: 'nearest.php',
         success: function( resp1 ){
          $("#div1").html(resp1);
         }
    });

      $.ajax({
         type: 'POST',
         url: 'closettime.php',
         success: function( resp2 ){
         $("#div2").html(resp2);
         }
    });   
</script>

您能告诉我如何在脚本中使用这两种方法吗？谢谢。

【问题讨论】：

你应该解释为什么它们会发生冲突。
做你做的没有冲突。你为什么这么认为？其次，向单个资源（Url）发出 Ajax 请求。
好吧，我没有得到任何结果！是否可以使用 $.ajax() 两次？有什么办法吗？
好吧，如果那是实际代码，那么您有语法错误。
@Behseini 以您的方式发出 2 个请求没有问题。你一定有不同的问题。您是否使用 Google 开发人员工具检查了控制台输出（在 Google Chrome 中按 F12 并单击控制台选项卡）？

标签： javascript jquery ajax

【解决方案1】：

只需关闭DOM ready 和})；在你的脚本块的底部，你已经准备好了：

$(document).ready(function() {
    $.ajax({
         type: 'GET',
         url: 'nearest.php',
         success: function( resp1 ){
          $("#div1").html(resp1);
         }
    });

      $.ajax({
         type: 'GET',
         url: 'closettime.php',
         success: function( resp2 ){
         $("#div2").html(resp2);
         }
    }); 
});// <------ YOU'RE MISSING THIS

请求应该可以正常工作。由于您没有向 URL 发布任何数据，我可能会建议您使用 type:'GET'。

【讨论】：

【解决方案2】：

也许你想使用 $.when 方法http://api.jquery.com/jquery.when/

jQuery.when understanding

【讨论】：

尝试在你的答案中提供更多细节，而不是仅仅发布多个链接

【解决方案3】：

可能将一个放在另一个的回调中，我不明白这个问题。但是，如果 div2 在 div 1 或其他东西中，您可以以这种方式控制顺序

【讨论】：