How to set up AJAX for synchronous and asynchronous requests?

When using AJAX, you can control the request’s synchronicity or asynchronicity by setting the async property. By default, the async property is set to true, indicating an asynchronous request, but you can set it to false to achieve a synchronous request.

// 异步请求
$.ajax({
  url: 'example.com',
  async: true,
  // 其他参数
});

// 同步请求
$.ajax({
  url: 'example.com',
  async: false,
  // 其他参数
});

It is important to note that synchronous requests can cause the browser to stop responding until the request is completed. Therefore, it is recommended to use asynchronous requests in most cases to avoid blocking the browser’s operation.

In addition, modern browsers no longer recommend using synchronous requests as they can cause the page to freeze and impact the user experience.