jquery 同步

jQuery 同步方法

在 jQuery 中，默认的 AJAX 请求是异步的，但可以通过配置实现同步请求。同步请求会阻塞浏览器直到请求完成，通常不建议使用，但在某些特定场景下可能需要。

同步 AJAX 请求

通过设置 async: false 可以强制 jQuery 使用同步请求：

$.ajax({
  url: "your-url",
  type: "GET",
  async: false, // 关键配置
  success: function(response) {
    console.log(response);
  },
  error: function(xhr, status, error) {
    console.error(error);
  }
});

同步 Deferred 对象

jQuery 的 Deferred 对象可以通过 .then() 或 .done() 实现类似同步的效果，但实际仍是异步：

var deferred = $.Deferred();
$.get("your-url").done(function(data) {
  deferred.resolve(data);
});
deferred.promise().done(function(data) {
  console.log(data);
});

注意事项

同步请求会导致浏览器 UI 冻结，用户体验差。现代 JavaScript 推荐使用 Promise 或 async/await 处理异步逻辑：

async function fetchData() {
  try {
    const response = await $.get("your-url");
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}
fetchData();