Ajax
什么是Ajax
ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。
ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。而传统的网页(不使用ajax)如果需要更新内容,必须重载整个网页面。
Ajax的创建过程
创建异步对象
通过JS的格式来创建异步对象:var xmlHttp=new XmlHttpRequest()
给异步对象绑定事件
为对象绑定事件,当每次状态发生变化时,都会触发对象的绑定事件,通过onreadstatechange来实现;形式为:xmlHttp.onreadstatechange=function(){
//处理变化请求,通过两个属性值来进行操作readState和stauts,readState是状态值,由Ajax与服务器交互得到的0-4的状态值;statu是一个状态码,是服务器对请求的一个反馈,表达一个请求的状况
}
readState–状态值
- 0:创建对象返回的状态值
- 1:初始请求 xmlHttp.open()
- 2:发送请求 xmlHttp.send()
- 3:返回数据
- 4:解析完成
status–状态码
- 网络访问请求成功 200
- 网络未访问到 404
- 代码出错 500
初始异步请求对象
xmlHttp.open(参数1:请求方式 get or post,参数2:”服务器端访问地址“,参数3:boolen值 默认是异步 false为同步)
发送请求
xmlHttp.send()
Ajax的缺点与优点
ajax的优点:
1.最大的一点是页面无刷新,用户的体验非常好。
2、使用异步方式与服务器通信,具有更加迅速的响应能力。。
3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
5、ajax可使因特网应用程序更小、更快,更友好。
ajax的缺点:
1、ajax不支持浏览器back按钮。
2、安全问题 AJAX暴露了与服务器交互的细节。
3、对搜索引擎的支持比较弱。
4、破坏了程序的异常机制。
5、不容易调试。