Ajax
-
Ajax: 全称 Asynchronous Javascript And XML(异步javascript和XML)
ajax是一种创建交互式网页应用的网页开发技术。沟通客户端与服务器,可以在不必要刷新整个浏览器的情况下,与服务器进行异步通讯的技术。
Ajax的原理
通过XMLHTTPRequest对象来向服务器发送异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。
XMLHTTPRequest是Ajax的核心机制,它是在IE5中首次引入的,是一种支持异步请求的技术。简单来说,javascript可以及时向服务器提出请求和处理响应,而不阻塞用户,达到无刷行的效果。
Ajax优点
(1)最大的一点是页面无刷新,用户体验非常好。
(2)使用异步方式与服务器通信。具有更加迅速的响应能力。
(3)可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和带宽租用成本。Ajax的原则是按需取数据,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
Ajax缺点
(1)Ajax不支持浏览器back按钮。
(2)安全问题 Ajax暴露了与服务器交互的细节。
(3)对搜索引擎的支持比弱。
(4)破坏了程序的异常机制。
Ajax的实现流程
创建XMLHTTPRequest
1,创建一个xhr对象
//XMLHTTPRequest 对象用于后台服务器交换数据
var xhr = new XMLHTTPRequest()
2, 设置请求方法和地址
//设置请求方法和地址
xhr.open('get','地址')
3,发送请求
//发送请求
xhr.send()
4,监听网络请求状态并接收网络返回的数据
//请求过程中,readyState会发生变化
//0-初始状态
//1-创建连接
//2-客户端向服务端发送数据
//3-服务端开始向客户端返回数据
//4-客户端接收数据完毕
xhr.onload = function() {
}