Question

如果在vm.books中加载书籍详细信息后，如何确保“测试数据”文本在控制台中显示，基本上想要执行同步ajax调用。

下面提到的代码没有按预期工作。任何建议如何实现这种预期的功能。

$(document).ready(function() {
  var vm = new obj.Books();
  vm.loadBooks();
  console.log("Test Data");
});

var obj = obj || {};
obj.Books = function() {
  var self = this;

  self.books = [];

  self.loadBooks = function() {
    $.ajax({
        url: "somewebapiurl",
        dataType: 'jsonp',
        async: false
      })
      .done(function(data) {
        $.each(data, function(idx, item) {
          self.books.push(item);

        });
      })
      .fail(function(xhr, status, error) {
        alert(status);
      });
  };
};

Answer 1

如何确保＆＃34;测试数据＆＃34;文本仅显示在控制台中在vm.books中加载书籍细节之后，基本上想要执行同步ajax调用。

只需利用jQuery Deferred Object的.done函数。

self.loadBooks = function() {
  $.ajax({
    url: "somewebapiurl",
    dataType: 'jsonp',
  })
  .done(function(data) {
    $.each(data, function(idx, item) {
      self.books.push(item);

    });
    //do what you want or call the function you want
    console.log("Test Data");
  })
  .fail(function(xhr, status, error) {
    alert(status);
  });
};

Answer 2

@jcubic是对的，jsonp不支持使用async = false进行同步调用。

因此，

在服务端启用CORS（即somewebapiurl）
设置原始详细信息（即origin =＆＃34; http：// localhost：19410＆＃34; headers =＆＃34; *＆＃34; 方法=＆＃34;获得＆＃34; ）
删除了数据类型=＆＃39; jsonp＆＃39;
保留async = false

现在它按预期工作了。

同步Jquery Ajax调用

2 个答案: