什么是ajax?ajax作用是什么?
AJAX =异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量的数据交换,可以使网页异步更新,提升用户体验。
为什么要用ajax?
- 通过异步模式,提升用户体验
- 优化浏览器和服务器之间的传输,减少不必要的数据来往,减少带宽占用
- ajax引擎在客户端运行,承担了一部分服务器的工作,从而减少大用户量下的服务器负载
ajax特点?
可以实现动态的局部更新,不需要刷新浏览器
XMLHttprequest对象:
ajax的核心就是JavaScript对象的XMLHttprequest,它是一种支持异步请求的的技术,就是能够使JavaScript向服务器发送请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。
ajax的实现步骤
创建XMlHttprequest对象
const xhr = new XMLHttpRequest()
规定请求类型,请求地址,以及是否异步处理请求
xhr.open('GET',url,true)
向服务器发送请求
xhr.send()//如果是post请求,需设置请求头xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');xhr.send(参数)
接受服务器响应数据
xhr.onreadystatechange = function(){if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {console.log(xhr.rseponseText)}}
ajax的缺点
1、ajax不支持浏览器back按钮。
2、安全问题 AJAX暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、不容易调试。
