AJAX 和 jQuery- 处理请求和数据交互

AJAX（异步 JavaScript 和 XML）是一种允许浏览器和服务器之间进行通信和数据交换而无需重新加载整个网页的技术。 jQuery 提供了方便的方法和函数来执行 AJAX 请求。 以下是结合使用 AJAX 和 jQuery 的一些示例：

 

$.ajax() 方法

该 $.ajax() 方法是一种通用方法，允许您向服务器发出 AJAX 请求。 它提供了各种选项来自定义您的请求，例如指定 URL、请求方法（GET、POST 等）、处理成功和错误回调等等。 当您需要对 AJAX 请求进行细粒度控制时，可以使用此方法。

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() 方法

该 $.get() 方法是向服务器发出 GET 请求的简写方法。 它通过自动将请求方法设置为 GET 并处理成功回调来简化流程。 当您只需要从数据库中检索数据时，可以使用此方法

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() 方法

方法 $.post() 与 类似 $.get()，但具体是向服务器发送POST请求。 它允许您随请求一起传递数据，这在您想要将表单数据或其他参数发送到服务器时非常有用。

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() 方法

该 $.getJSON() 方法用于从服务器检索 JSON 数据。 它是一种简写方法，自动将请求方法设置为 GET 并期望服务器返回 JSON 响应。 它简化了检索和使用 JSON 数据的过程。

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() 方法

该 $.ajaxSetup() 方法允许您为所有未来的 AJAX 请求配置默认设置。 例如，您可以设置默认标头、指定数据类型或配置身份验证选项。 当您想要设置适用于多个 AJAX 请求的通用选项时，此方法非常有用。

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() 方法

该 $.ajaxPrefilter() 方法用于在发送 AJAX 请求之前对其进行修改。 它允许您预处理 AJAX 请求的选项并根据您的需要修改它们。 这对于添加自定义标头、操作数据或拦截请求非常有用。

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

这些方法提供了在 jQuery 中处理 AJAX 请求的不同方式。 根据您的具体要求，您可以选择最适合您需要的方法。 jQuery 简化了发出 AJAX 请求和处理响应的过程，允许您创建动态和交互式 Web 应用程序。