jquery和ajax的关系详细介绍


Posted in Javascript onNovember 29, 2013

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. 无用的网页小部件

Javascript 相关文章推荐
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
javascript 原型模式实现OOP的再研究
Apr 09 Javascript
用户注册常用javascript代码
Aug 29 Javascript
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
Feb 23 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
Dec 13 Javascript
详解vue-resource promise兼容性问题
Jun 20 Javascript
微信小程序实现手指触摸画板
Jul 09 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
详解如何快速配置webpack多入口脚手架
Dec 28 Javascript
js操作table示例(个人心得)
Nov 29 #Javascript
css配合jquery美化 select
Nov 29 #Javascript
Jjcarousellite 实现图片列表滚动的简单实例
Nov 29 #Javascript
JS实现多物体缓冲运动实例代码
Nov 29 #Javascript
JS实现匀速运动的代码实例
Nov 29 #Javascript
JS实现侧悬浮浮动实例代码
Nov 29 #Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 #Javascript
You might like
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
Yii2语言国际化的配置教程
2018/08/19 PHP
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
jQuery对指定元素中指定字符串进行替换的方法
2015/03/17 Javascript
jQuery插件imgPreviewQs实现上传图片预览
2016/01/15 Javascript
jQuery中deferred对象使用方法详解
2016/07/14 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
bootstrap table实例详解
2017/01/06 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21
2020/11/24 DOTA
对django views中 request, response的常用操作详解
2019/07/17 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
HTML5拖放API实现自动生成相框功能
2020/04/07 HTML / CSS
adidas澳大利亚官方网站:adidas Australia
2018/04/15 全球购物
Omio葡萄牙:全欧洲低价大巴、火车和航班搜索和比价
2019/02/09 全球购物
会计实习自我鉴定
2013/12/04 职场文书
七年级地理教学反思
2014/01/26 职场文书
四年大学生活的自我评价范文
2014/02/07 职场文书
保证书范文大全
2014/04/28 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
考博导师推荐信范文
2015/03/27 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
解决thinkphp6(tp6)在状态码500下不报错,或者显示错误“Malformed UTF-8 characters”的问题
2021/04/01 PHP
详解Js模块化的作用原理和方案
2021/04/29 Javascript
分析并发编程之LongAdder原理
2021/06/29 Java/Android
Python实现视频中添加音频工具详解
2021/12/06 Python