JavaScript-Ajax基础讲解

ajax概述：

ajax全称：异步的JavaScript和xml，他是用于发送http请求（支持异步请求）

ajax的特点：

1.支持异步请求

2.实现局部刷新

3.在局部刷新的时候可以保持浏览器不刷新（不会产生历史记录）

ajax运用：

前端内置请求对象 --> 设置请求地址（携带数据）-- > 发送请求 --> 监听请求状态 —>请求完成后后端返回响应的数据

1.创建一个请求对象 request 请求 response 响应

let xhr = new XMLHttpRequest()

注意：XMLHttpRequest(有兼容问题)

XMLHttpRequest 是ajax的核心对象（负责请求的对象）

封装方法解决兼容问题：

//兼容各大浏览器
function createxhr(){
    if(window.XMLHttpRquest){
        return new XMLHttpRequest()
    }
        return new ActiveXobject("Microsoft.XMLHTTP");  //兼容ie6版本
}

2.设置请求地址

open方法（打开一个地址以对应设置请求方式去请求）

第一个参数为请求方法（get为打开浏览器请求，post为表单提交请求，一般要求大写）

第二个参数为请求地址

xhr.open('GET','http：//www.baidu.com')