jQuery、Ajax与JavaScript之间的父子关系

jQuery、Ajax都是JavaScript的一个框架,各有各自不同的功能,如果把JavaScript比作父亲的话,jQuery和Ajax就是JavaScript的亲生儿子。在JavaScript中非常复杂的功能,让他们实现起来是极其的方便快捷。下面来总结一下他们各自的功能及特点和应用的场合。

jQuery是轻量级的js库,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供Ajax交互。jQuery同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

jQuery的宗旨是——WRITE LESS,DO MORE,也就是“吃得少,干的多”。让我们广大的程序员能够写更少的代码,做更多的事情。

而jQuery在什么时候使用呢?和上边说的类似,它主要的用处就是:

1.     选择器

通过$符号可以快速、精确的定位到指定的元素。选择器包括:基本选择器、层次选择器、过滤选择器、表单选择器

2.     对DOM操作

通过$符号找到DOM元素,对属性进行操作;添加删除节点;对样式进行操作;设置获取HTML文本和值;遍历子元素或同辈元素;添加事件

3.     表单验证

4.     动画效果

5.     Ajax

 

上边总结的是jQuery,下面再继续总结Ajax。


Ajax即“AsynchronousJavaScript and XML”(异步JavaScript和XML)。所谓的异步就是在事件触发之后浏览器任然可以做其他的事情,与发生事件的控件无关的控件不受影响。Ajax是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。


如果仅仅学会使用.net中的Ajax的几个控件,也许你根本就理解不了Ajax中的JavaScript和XML到底是怎么回事,这些控件是对他们的封装,微软让我们方便了很多,但是这是一种“傻瓜式”的使用方法。要想深刻的理解其中的JavaScript和XML的使用,还需要掌握客户端是怎么接受Webservice(.asmx)和WCF(.svc)和一般处理程序(.ashx)文件的使用方法


那一般什么时候使用Ajax,什么时候使用Ajax比较合适呢?一般都是用在页面局部发生变化的地方。如下:

1.    基于表单的交互 

2.    深层树状导航 

3.    实时用户对用户通讯 

4.    投票、是否选择、等级评价 

5.    过滤和复杂数据操作 

6.    普通录入时的提示/自动补齐 

 

不适用使用Ajax的场合:

1.    简单的表单 

2.    搜索 

3.     基本导航

4.    替换大量的信息 

5.    显示操作 

6.     无用的网页小部件 

相关推荐