jquery 中ajax执行的优先级

jQuery中AJAX执行的优先级是指通过jQuery库发出的异步请求（AJAX请求）在并发请求的情况下的执行顺序和优先级。

AJAX执行优先级的确定方法

在jQuery中，异步请求的执行顺序和优先级的确定方式是通过“请求队列”来实现的。

jQuery中会维护一个全局的请求队列，所有的AJAX请求都将被放入这个全局队列中。全局队列中的请求将按照先后顺序依次执行。在队列中的请求完成后，新加入的请求才能继续执行。所以，如果队列中存在多个请求，那么新加入的请求必定要等待前面的请求执行完成后才会被执行。

AJAX执行优先级的控制方法

jQuery中提供了很多方法来控制AJAX请求的执行优先级，其中比较常用的方法有以下几种：

1. priority参数

在发起AJAX请求时，可以通过priority参数指定请求的优先级，优先级越高的请求将会被优先执行。例如：

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" },
  priority: "high"
})

上面的代码中，priority参数的值为“high”，表示该请求的优先级为高。

2. beforeSend回调函数

beforeSend回调函数是在AJAX请求发起之前调用的函数。在这个函数中，可以通过abort方法来中止请求的执行，从而改变请求的执行顺序和优先级。例如：

$.ajax({
  method: "POST",
  url: "some.php",
  data: { name: "John", location: "Boston" },
  beforeSend: function(xhr, settings) {
    //判断当前请求的优先级是否满足要求，如果不满足则中止请求。
    if( settings.priority !== "high" ) {
      xhr.abort();
    }
  }
})

上面的代码中，在beforeSend回调函数中判断当前请求的优先级是否为“high”，如果不是，则中止请求的执行。

示例说明

示例一：使用priority参数控制请求的优先级

$.ajax({
  method: "POST",
  url: "api/data",
  data: { name: "张三", age: 25 },
  priority: "low"
});
$.ajax({
  method: "POST",
  url: "api/data",
  data: { name: "李四", age: 30 },
  priority: "high"
});

上面的代码中，先发起了一个优先级为“低”的请求，再发起一个优先级为“高”的请求。由于优先级高的请求先执行，因此会比优先级低的请求优先返回结果。

示例二：使用beforeSend回调函数控制请求的优先级

$.ajax({
  method: "POST",
  url: "api/data",
  data: { name: "王五", age: 35 },
  beforeSend: function(xhr, settings) {
    //如果当前有正在执行的请求，且优先级低于本次请求，则中止本次请求。
    if( $.active > 0 && settings.priority !== "high" ) {
      xhr.abort();
    }
  }
});
$.ajax({
  method: "POST",
  url: "api/data",
  data: { name: "赵六", age: 40 },
  priority: "high"
});

上面的代码中，先发起一个没有指定优先级的请求，再发起一个优先级为“高”的请求。在第一个请求的beforeSend回调函数中，判断当前是否有正在执行的请求，如果有且请求的优先级低于本次请求，则中止本次请求的执行。由于第二个请求的优先级更高，因此会优先被执行。