Ajax学习之旅

Ajax什么是AjaxAjax的创建过程创建异步对象给异步对象绑定事件readState--状态值status--状态码 初始异步请求对象发送请求 Ajax的缺点与优点

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、不容易调试。