【Ajax】了解Ajax与jQuery中的Ajax

Ajax（Asynchronous JavaScript and XML）是一种创建交互式网页的技术，可以在不重新加载整个网页的情况下，与服务器交换数据。

1. 原生JavaScript中的Ajax请求：

var xhr = new XMLHttpRequest();
xhr.open("GET", "your_url", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

2. 使用jQuery中的Ajax请求：

$.ajax({
  url: "your_url",
  type: "GET",
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(xhr, status, error) {
    console.error("An error occurred: " + status + "\nError: " + error);
  }
});

jQuery为我们封装了Ajax请求的细节，简化了代码，使得我们可以更专注于业务逻辑的实现。

3. 使用jQuery中的get或post方法：

$.get("your_url", function(data){
  console.log(data);
});
 
$.post("your_url", {key1: "value1", key2: "value2"}, function(data){
  console.log(data);
});

这两种方式是jQuery中的Ajax的简化版本，分别对应了GET和POST请求方式。