XMLHttpRequest事件 - onloadend

onloadend属性允许我们为当前XMLHttpRequest实例绑定一个loadend事件回调函数,当Ajax请求完成(无论成功或者失败)时触发。

loadloadend的区别在于:

  • load事件只有在请求成功且数据完成加载时才会触发。
  • loadend事件无论请求成功或失败,都会在请求完成后触发。

语法

xhr.onloadend = callback;

callback是一个函数,当Ajax请求完成时触发onloadend事件并执行该callback

示例

var xhr = new XMLHttpRequest(),
  method = 'GET',
  url = '/example.org';

xhr.onloadend = function (e) {
  // 处理Ajax请求完成后的业务逻辑)
};

xhr.open(method, url, true);
xhr.send();

相关链接