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,则相反。









评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值