BS|jquery中的AJAX使用--与原始ajax的比较
前言:
Ajax让web开发丰富多彩,增强了用户的体验度。Ajax是web开发的必修课。Ajax的原理大家都知道,而且实现起
来也并不复杂,但是因为它强大的作用,所以它有很多不同的实现方式。其中jquery就对Ajax进行了封装,提供了一系
列的Ajax函数,来简化我们对Ajax的使用。
本篇文章先来对传统的Ajax实现和jquery的实现做一个简单的对比,让大家了解一下这种简化带来的便利。
原始的Ajax实现:
OldAjax - 锐客网
原始Ajax调用
大家可以看到,原始的Ajax我们需要手动的去做很多事,比如创建XmlHttpRequest对象,判断请求状态,编写回调
函数以及判断浏览器的兼容性等。而我们如果使用jqury,就可以简化我们的代码,甚至相对与上面的例子,我们使
用jQuery的Load方法,只需要一句话:
$("#divResult").load("data/AjaxGetCityInfo.aspx",{ "resultType": "html" });
使用jquery的Ajax的界面代码:
jQuery Ajax - 锐客网
使用jQuery的load方法
总结:
当然原始的Ajax拥有它自己的优势,它可以提高我们代码的灵活性,当你是代码的创始者的话,原始的Ajax可以
让你更好的完成的你的工作,但是,如果你是后来者,当你阅读别人写的代码并进行维护时,你会发现你很难去理
清Ajax中的逻辑,到处的XmlHttpRequest方法和差劲的结构性大大降低了代码的阅读性和提高了维护的成本。当然,我
们也可以把这些公共的方法写成js文件,然后供大家调用,但是我不觉得你写的js类库会比jquery要好,而且新人也不
一定只能这样的js文件的存在。所以,如果大家都使用jquery编写的Ajax方法,就可以在解决各种差异性问题的同时,
大大提高我们工作的效率。
【BS|jquery中的AJAX使用--与原始ajax的比较】下篇文章我们详细的了解jquery中的Ajax。
推荐阅读
- 热闹中的孤独
- JS中的各种宽高度定义及其应用
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- Android中的AES加密-下
- 事件代理
- 放下心中的偶像包袱吧
- C语言字符函数中的isalnum()和iscntrl()你都知道吗
- C语言浮点函数中的modf和fmod详解
- C语言中的时间函数clock()和time()你都了解吗