Ajax学习

33 阅读1分钟

** 什么是Ajax?**

Ajax是异步的JavaScript和XML(XML: 可扩展标记语言,是电子文件具有结构。由w3c制定其规则 ),Ajax是浏览器内置对象,可以和后端服务器进行数据交互。可以在不刷新页面的情况下和服务器交互数据。

Ajax常用请求方式

GET方法请求一个指定资源的表示形式. 使用GET的请求应该只被用于获取数据(一般GET方式传参数在url接口地址后面拼接,也可以使用请求体传参但是不推荐!)

POST方法用于将实体提交到指定的资源,通常导致在服务器上的状态变化或副作用. 

PUT方法用请求有效载荷替换目标资源的所有当前表示。

DELETE方法删除指定的资源。(同GET一样url地址传参)

PATCH方法用于对资源应用部分修改。

原生Ajax

XMLhttpRequest对象是浏览器内置对象也是Ajax原理的核心!

let xhr = new XMLHttpRequest()
// 创建一个 XMLHttpRequset 实例对象
xhr.onreadyStatchange=()=>{
// 当发送请求并且响应成功后,接收打印响应结果
    if(xhr.readyState===4){
        let res = xhr.resqonseText

        console.log(res)
    }

}
xhr.setRequestHeader('请求头');
xhr.open('请求方式''url请求接口地址')
xhr.send('请求体传参')