一,什么是AJAX?
AJAX 是 异步 JavaScript 和 XML,全称(Asynchronous JavaScipt And XML).
是一种创建交互式,快速动态网页应用的网页开发技术,无需要重新加载整个网页的情况下,能够更新部分网页的技术。
- AJAX是一种交互技术。(客户端和服务器之间的交互)
- AJAX天生是异步的,不会阻塞,用户体验好。
- 缺点:不能进行回退(不会操作历史记录)。
- AJAX不是新的编程语言,而是一种使用现有的标准的新方法
Ajax的四个步骤
Ajax 的实现一般需要实现四个步骤。
btn.onclick = () =>{
const request = new XMLHttpRequest()
//1.创建一个XMLHttpRequest对象
request.open('GET/POST','URL')
//2.调用对象的open方法
request.onreadystatechange = ()=>{
if (
request.readyState === 4 &&
request.status >= 200 &&
request.status < 300
){
console.log(request.response)
}else{
//报错
}
}
//3.监听Ajax请求是否成功
requset.send()
//4.调用对象的send方法发送请求
}
当我们使用Ajax加载css,html时,request.response获取到的都是string,需要使用innerHTML来将其插入到元素中,而XML则只需要获取其request.responseXML即可。
AJAX基于现有的Internet标准
- XMLHttpRequest对象(异步与服务器交换数据)
- JS/DOM (信息显示/交互) CSS(给数据定义样式) XML&JSON(作为转换数据的方式)
XML:可扩展的标记语言,可以认为HTML是XML的子集(不准确)。
xml主要用来传输数据的,是一种数据交换格式,原来webService中使用,后面再介绍一种数据交换格式JSON。主要用来渲染数据