如何使用 jQuery 进行同步请求？

Question

为什么不返回该函数的responseText？

function LoadBookmarksAsXml()
{
  return $.ajax(
  {
    type: 'GET',
    async: false,
    url:  'http://www.google.com/bookmarks/?output=xml&num=10000'
  }).responseText;
}

（如果我定义一个成功回调函数并将 async 设置为 true，它就会起作用！） 提前致谢！！

编辑：不用担心跨域调用； user603003 说（在对现已删除的答案的评论中）这是在允许跨域请求的 Chrome 扩展中。

如果有人想做同样的事情，解决方案：

return $.ajax(
{
  type: 'GET',
  async: false,
  url:  'http://www.google.com/bookmarks/?output=xml&num=10000',
});

（您将获得一个 XMLHTTPRequest 对象。）

Answer 1

我没有立即明白为什么它没有返回它，但我仍然使用 success 回调：

function LoadBookmarksAsXml()
{
  var result;
  $.ajax(
  {
    type: 'GET',
    async: false,
    url:  'http://www.google.com/bookmarks/?output=xml&num=10000',
    success: function(data) {
        result = data;
    }
  });
  return result;
}

即使 $.ajax 返回 XMLHttpRequest > 对象（1.4 或更早版本）或 jqXHR 对象（1.5+ 中），我仍然更喜欢使用 success 函数和 error 函数为清晰起见。此外，不同版本的 jQuery 会在出错时为 responseText 提供不同的值（至少在 Chrome 上；1.4.4 返回空字符串，1.5.0 返回 undefined）。

---

如果有任何方法可以避免它，那就避免它。同步请求完全锁定大多数浏览器的 UI（不仅仅是页面的 UI，还包括浏览器管理的每个选项卡中的每个页面）。由于 ajax 请求可能需要一两秒（或五秒或十秒），这会带来非常不愉快的用户体验。几乎所有时候，您都可以通过重构函数来避免这种情况，以便它接受回调来提供结果：

function LoadBookmarksAsXml(callback)
{
  $.ajax(
  {
    type: 'GET',
    url:  'http://www.google.com/bookmarks/?output=xml&num=10000',
    success: function(data) {
        callback(data);
    },
    error: function() {
        callback(null);
    }
  });
}

---

离题：不过，如果请求完全有效，我会感到惊讶，因为从表面上看（除非您在 Google 工作），由于同源政策<，该请求将会失败/a>.绕过 SOP 的各种方法：

• JSONP
• CORS（但它需要浏览器支持，并且 www.google.com 允许来自您的来源的请求）
• 使用 YQL 作为代理

Answer 2

$.ajax 从不返回响应文本，它始终返回为进行 Ajax 调用而创建的 XMLHTTPRequest 对象。

我认为您仍然需要定义一个成功回调，例如设置一个局部变量，然后您可以返回该变量。

标准免责声明：同步请求通常是不鼓励的做法，因为它们可能会冻结当前页面。

Answer 3

等待函数的响应不是异步的，ajax 调用完成后会有响应，然后您必须通过定义成功事件的回调来处理响应。

您必须将代码至少分成两部分。第一部分是在 ajax 调用之前，第二部分是在成功之后，并将您想要对请求的数据执行的所有操作都放在成功回调中。异步请求就是这样工作的。

Answer 4

这样做是一个非常糟糕的主意。 JavaScript 将在 HTTP 请求期间阻塞，也就是说，在 ajax 调用返回之前，UI 线程中不会运行任何其他内容。使用回调。

Answer 5

根据设计，异步请求无法突然传递responseText；-)
您必须设置回调函数并决定如何处理响应文本。