美文网首页
二十一(6)、Ajax中的同步异步编程 ------ 2020-

二十一(6)、Ajax中的同步异步编程 ------ 2020-

作者: 自己写了自己看 | 来源:发表于2020-04-11 17:06 被阅读0次

1、异步状态的AJax

 let xhr = new XMLHttpRequest();

  xhr.open('GET', './data.json');
  
  xhr.onreadystatechange = function () {
      console.log(xhr.readyState); // 一次输出 2、3、4
  }

  xhr.send(null);

2、同步状态的Ajax

 let xhr = new XMLHttpRequest();

  xhr.open('GET', './data.json', false);
  
  xhr.onreadystatechange = function () {
      console.log(xhr.readyState); // 只能输出4
  }

  xhr.send(null);

  // 同步状态下, 只有当xhr.readyState=4的时候,主线
  // 程才能空闲下来,去执行onreadystatechange事件,
  // 所以只能输出一次4;

相关文章

网友评论

      本文标题:二十一(6)、Ajax中的同步异步编程 ------ 2020-

      本文链接:https://www.haomeiwen.com/subject/vhdumhtx.html