在本教程中，我们将学习有关jQuery的AJAX。

AJAX

AJAX或者异步JavaScript和XML允许我们异步向服务器发送数据和从服务器接收数据。

AJAX中的X

字母X代表XML或者可扩展标记语言。
但是如今，开发人员正在使用JSON或者JavaScript对象表示法发送和接收数据。

我们在线上看到的大多数API都是JSON格式。
在撰写本教程时。

ajax()方法

在jQuery中，我们获得了" ajax()"方法来对服务器进行异步调用。

url

" url"是我们要发送ajax请求的链接。

示例：如果我们要向GitHub API发送请求以获取用户，则将使用以下URL

https://api.github.com/users

常用方法

以下是提出AJAX请求的常用方法。

• GET-获取数据
• POST-创建数据
• PUT-更新数据
• DELETE-删除数据

要使用这些方法，我们设置" type"或者" method"属性。

在下面的示例中，我们将GET请求发送到虚拟URL" http://www.example.com/some/example/api"。

$.ajax({
  url : "http://www.example.com/some/example/api",
  method : "GET"
});

data

如果我们想随请求发送一些数据，那么我们将设置data属性。

在下面的示例中，我们将GET请求发送到虚构的URL" http://www.example.com/some/example/api"，并且将数据属性与请求一起传递。

我们要求提供第1页，并将每页的结果数限制为10。

$.ajax({
  url : "http://www.example.com/some/example/api",
  method : "GET"
  data : {
    page : 1,
    pagelimit : 10
  }
});

dataType

此属性用于告诉我们我们期望服务器提供的数据类型。

在下面的示例中，我们期望服务器提供json结果。

$.ajax({
  url : "http://www.example.com/some/example/api",
  method : "GET"
  data : {
    page : 1,
    pagelimit : 10
  },
  dataType : "json"
});

常见的数据类型为xml，html，script，json，jsonp，text。

成功时

如果请求有效，则服务器将发送成功响应。
为了处理成功响应，我们使用success属性。
成功属性是如下所示的函数。

在以下示例中，我们向虚构的URL" http://www.example.com/some/example/api"发出GET请求，并传递一些数据。
成功后，我们将在"成功"函数中处理结果。

$.ajax({
  url : "http://www.example.com/some/example/api",
  method : "GET"
  data : {
    page : 1,
    pagelimit : 10
  },
  dataType : "json",
  success : function (data) {
    console.log(data);
  }
});

错误时

如果请求失败，则服务器将发送错误响应。
为了处理错误，我们使用error属性。
错误属性是如下所示的函数。

在以下示例中，我们向虚构的URL" http://www.example.com/some/example/api"发出GET请求，并传递一些数据。
假设发生错误，我们将在"错误"函数中处理该错误。

$.ajax({
  url : "http://www.example.com/some/example/api",
  method : "GET"
  data : {
    page : 1,
    pagelimit : 10
  },
  dataType : "json",
  success : function (data) {
    console.log(data);
  },
  error : function (jqXHR, textStatus, errorThrown) {
    console.log(jqXHR);
    console.log(textStatus);
    console.log(errorThrown);
  }
});

jqXHR描述了错误类型。

textStatus包含错误状态文本，例如"超时"。

errorThrown接收HTTP错误状态的文本部分，例如"内部服务器错误"。