JavaScript jquery及AJAX小结


Posted in Javascript onJanuary 24, 2016

 其实在学习之前,就已经用上了js,jquery和ajax,不过当时不清楚这些的区别,就全都当成js来看,然后别人一说jquery,ajax都觉得好像很高级,等到自己学习的时候,倒是对这些更清楚了一点,下面就来写一下我的总结。

简介

Javascript

JavaScript,一种直译式脚本语言,是一种动态类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML网页上使用,用来给HTML网页增加动态功能。然而现在JavaScript也可被用于网络服务器,如Node.js。

在1995年时,由网景公司的布兰登·艾克,在网景导航者浏览器上首次设计实现而成。因为网景公司与?N阳公司的营销合作,加上网景公司管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语义与Self及Scheme较为接近。

为了获取技术优势,微软推出了JScript,与JavaScript同样可在浏览器上运行。为了统一规格,1997年,在ECMA(欧洲计算机制造商协会)的协调下,由网景、?N阳、微软和Borland公司组成的工作组确定统一标准:ECMA-262。因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

Juery

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由约翰·雷西格(John Resig)在2006年1月的BarCamp NYC上发布第一个版本。目前是由Dave Methvin领导的开发团队进行开发。全球前10,000个访问最高的网站中,有65%使用了jQuery,是目前最受欢迎的JavaScript库。

AJAX

AJAX即“Asynchronous JavaScript and XML”(异步的JavaScript与XML技术),指的是一套综合了多项技术的浏览器端网页开发技术。Ajax的概念由杰西·詹姆士·贾瑞特所提出[1]。

传统的Web应用允许用户端填写表单(form),当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单,然后送回一个新的网页,但这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML码往往是相同的。由于每次应用的沟通都需要向服务器发送请求,应用的回应时间依赖于服务器的回应时间。这导致了用户界面的回应比本机应用慢得多。

与此不同,AJAX应用可以仅向服务器发送并取回必须的数据,并在客户端采用JavaScript处理来自服务器的回应。因为在服务器和浏览器之间交换的数据大量减少(大约只有原来的5%)[来源请求],服务器回应更快了。同时,很多的处理工作可以在发出请求的客户端机器上完成,因此Web服务器的负荷也减少了。

类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。虽然其名称包含XML,但实际上数据格式可以由JSON代替,进一步减少数据量,形成所谓的AJAJ。而客户端与服务器也并不需要异步。一些基于AJAX的“派生/合成”式(derivative/composite)的技术也正在出现,如AFLAX。

区别

从简介我们可以看出,javascript就是一种脚本语言,而jquery是对js的封装,ajax则是很多种技术的杂糅,他们的区别还是很明显的,但是他们都为我们的程序提供了更加简便的技术。

总结

javascript

JavaScript jquery及AJAX小结

jquery+AJAX

JavaScript jquery及AJAX小结

很多时候其实直接看视频效果并不好,经常就陷入一种,这是在讲啥的情况,这个时候,多敲些代码调调简单的错效果是比较好的,一开始肯定会照着敲,敲得多了慢慢就知道是怎么用的了,当然实践完以后,还需要回头去把理论学了~

关于javascript jquery ajax的总结就给大家介绍这么多,下篇文章给大家介绍javascript jquery ajax的关系,喜欢的朋友直接点击了解详情。

Javascript 相关文章推荐
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
js导出excel文件的简洁方法(推荐)
Nov 02 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
Jan 21 Javascript
详解angular用$sce服务来过滤HTML标签
Apr 11 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
Node.js pipe实现源码解析
Aug 12 Javascript
Vue使用mixins实现压缩图片代码
Mar 14 Javascript
js验证密码强度解析
Mar 18 Javascript
解决vue-loader加载不上的问题
Oct 21 Javascript
基于JavaScript短信验证码如何实现
Jan 24 #Javascript
详解JS面向对象编程
Jan 24 #Javascript
js中实现字符串和数组的相互转化详解
Jan 24 #Javascript
JavaScript基础知识之方法汇总结
Jan 24 #Javascript
Javascript实现单例模式
Jan 24 #Javascript
原生JavaScript实现滚动条效果
Mar 24 #Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
Jan 23 #Javascript
You might like
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
基于jQuery的前端数据通用验证库
2011/08/08 Javascript
jquery 缓存问题的几个解决方法
2013/11/11 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
2015/03/02 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
2015/04/30 Javascript
javascript图片预加载完整实例
2015/12/10 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
Vue.js中数组变动的检测详解
2016/10/12 Javascript
从零学习node.js之mysql数据库的操作(五)
2017/02/24 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
js中的 || 与 && 运算符详解
2018/05/24 Javascript
js控制随机数生成概率代码实例
2019/03/21 Javascript
微信小程序实现蓝牙打印
2019/09/23 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
解决antd Form 表单校验方法无响应的问题
2020/10/27 Javascript
[54:54]Newbee vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python操作xml文件详细介绍
2014/06/09 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
详解python的argpare和click模块小结
2019/03/31 Python
python实现知乎高颜值图片爬取
2019/08/12 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
python 生成器需注意的小问题
2020/09/29 Python
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
PHP中如何创建和修改数组
2012/05/02 面试题
大学校运会广播稿
2014/02/03 职场文书
税务会计岗位职责
2014/02/18 职场文书
2014元旦晚会策划方案
2014/02/19 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
工作收入住址证明
2014/10/28 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
2015年清明节扫墓演讲稿
2015/03/18 职场文书
2015年光棍节活动总结
2015/03/24 职场文书
鸦片战争观后感
2015/06/09 职场文书