在 document.ready 之前调用 AJAX

Question

我有一个要求，其中 AJAX 调用必须在 document.ready 之前发生，并且来自 AJAX 调用的响应将用于更新一些 HTML 元素。

所以我有如下内容：

var ajaxget = $.ajax({
      type: 'GET',
      url:'/xxx/get',
      success: function(resp) {
       //logic
      }
});

$(document).ready(function(){
     $.when(ajaxget).done(function(resp) {
        //do ur logic
         $(documet).trigger("yyyy");
     });
});
//the above part is common across pages and placed in the <head>

//below one goes into multiple places based on the pages

$(document).ready(function(){
    $(document).on('yyyy', function() {
    });
});

问题是触发事件“yyyy”不会在 IE 中执行，也不会在其他浏览器上间歇性执行。 请帮忙！

Answer 1

使用then()而不是success可能会更好，以确保在$.when.done之前完成任何success发生的事情

请注意， success不是承诺链的一部分

尝试：

var ajaxget = $.ajax({
  type: 'GET',
  url: '/xxx/get'
}).then(function(resp) {
  //logic
  return resp;
});

$(document).ready(function() {
  ajaxget.then(function(resp) {
    //do ur logic
    $(documet).trigger("yyyy");
  });
});

但还要注意，如果所显示的顺序正确，您在注册之前也会触发该事件

Answer 2

这段代码对我有用。 简单地说，我在触发之前定义了“yyyy”事件。

 $(document).ready(function () { $(document).on("yyyy", function () { console.log('triggered'); }); $.ajax({ type:'GET', url:'some.jsp',//your url success:function(resp){ //logic $(document).trigger("yyyy"); console.log(resp); } }); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在 document.ready 之前调用 AJAX

问题描述

2 个解决方案

解决方案1
1 2017-10-29 19:35:25

解决方案2
0 2017-10-29 20:45:34

在 document.ready 之前调用 AJAX

问题描述

2 个解决方案

解决方案1 1 2017-10-29 19:35:25

解决方案2 0 2017-10-29 20:45:34

解决方案1
1 2017-10-29 19:35:25

解决方案2
0 2017-10-29 20:45:34