AJAX通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
比如在进行注册的时候怎么判断你的用户名是否独立存在,而不再刷新整个页面的情况下,这时就得需要Ajax这项技术。
比如在进行注册的时候怎么判断你的用户名是否独立存在,而不再刷新整个页面的情况下,这时就得需要Ajax这项技术。
废话少说首先拿一个简单的案例。
这个就是Ajax的基本实现方法 ,下面我们来分析一下里面的几个方法
第一步:创建Ajax对象
其实创建Ajax对象就是new 一个XMlHttpRequest对象,这个是w3c的标准方式,极力推荐这样用,不过在IE6以下的不支持,特别是一些医院或者机关单位部门的电脑还处于xp时代,所以我们得做兼容处理,上面的图片就是兼容处理的措施。
第二步:readychange的状态代码
一定要分清readyState的状态码。
我们通常都是把Ajax封装在起来,以便用起来方便下面是模板用法
首先如图
这里还封装了一个getId的方法,是方便我们后面使用的。文件名为cxhr.js。
用的时候只需要执行cxhr.js里面函数cHXR就能获得一个Ajax对象。
xhr.open(“”,“”,true或false);异步或者同步,
true是异步,false是同步,默认不写也是异步,一般来说同步没有什么意义。
上面第二图就是asynchronous.php,这里是默认的也就是true,所以是异步,先输出2,在输入出1,如果是flase,则相反。