什么是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('请求体传参')