Ajax的概念及同步异步

Ajax（异步交互式网页应用开发技术）

作用：不需要重新加载整个网页的情况下，能过够部分更新网页，前端通过服务器进行少量数据交换ajax可以实现异步更新

主要作用：页面局部更新

同步：按照步骤一步一步执行

异步:当遇到需要等待或者消耗时间的代码则跳过该任务先去执行后续任务

直到异步代码消耗完时间，再次执行

异步代码的分类：1.定时器   2.事件体   3.发送请求接受响应

当同步代码和异步代码同时出现时先同步后异步

AJAX 创建

1.创建XMLHttpRequest对象

let xhr = new XMLHttpRequest();

2.调用open方法

window的open（）方法用于导航到一个特定的URL或者打开一个新的浏览器窗口。它接收4个参数：要加载的URL，窗口名称，特性字符串和一个布尔值。以下从window.open的参数设置和返回值两部分来介绍

xhr.open("请求方式get/post","服务器地址",是否异步);

3.调用send方法

当get时，open中的url拼好参数，send中不传参数 .....当post时，open中不带参数，send中传入参数

xhr.send();

4.xhr.onreadyStatechange = function(){

5.反馈信息...................responseText被返回的信息

if(xhr.status==200&&xhr.readyState==4){

fun （xhr.responseText）

    }

}

function fun（resText）{

console .log（resText）；

}