【Ajax】Ajax({}) 所有属性详解

Ajax是一种在无需重新加载整个网页的情况下，更新网页部分内容的技术。它在JavaScript中有多种实现方式，其中最常见的是使用XMLHttpRequest对象或者现代的fetch API。

在JavaScript中，Ajax通常通过jQuery库中的$.ajax()函数实现，或者原生的Fetch API实现。

1. url：(默认: 当前页地址) 发送请求的地址。
2. type：(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 GET。
3. data：(Object 或 String 或 Array) 发送到服务器的数据。
4. contentType：(默认: "application/x-www-form-urlencoded; charset=UTF-8") 发送信息至服务器时内容编码类型。
5. async：(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。
6. dataType：(String) 预期服务器返回的数据类型。
7. success：(Function) 请求成功后的回调函数。
8. error：(Function) 请求失败后的回调函数。
9. complete：(Function) 请求完成后的回调函数 (请求成功或失败时均调用)。

以下是使用jQuery的$.ajax()函数的一个例子：

$.ajax({
  url: "test.html",
  type: "GET",
  dataType: "html",
  success: function(data){
    console.log(data);
    // 这里是成功获取数据后的操作
  },
  error: function(jqXHR, textStatus, errorThrown){
    console.log("Error: " + textStatus);
    // 这里是失败后的操作
  }
});

以下是使用Fetch API的一个例子：

fetch("test.html", {
  method: "GET"
})
.then(response => response.text())
.then(text => console.log(text))
.catch(error => console.error("Error:", error));

以上两种方式都是Ajax的典型实现方式，你可以根据自己的需求选择合适的方式。