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 相关文章推荐
JS 自定义带默认值的函数
Jul 21 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
Feb 03 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
Mar 19 Javascript
JQuery EasyUI 加载两次url的原因分析及解决方案
Aug 18 Javascript
js实现拖拽效果
Feb 12 Javascript
javascript中日期函数new Date()的浏览器兼容性问题
Sep 05 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 Javascript
jQuery复合事件用法示例
Jun 10 jQuery
解决Vue页面固定滚动位置的处理办法
Jul 13 Javascript
JavaScript 2018 中即将迎来的新功能
Sep 21 Javascript
原生js实现3D轮播图
Mar 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
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
PHP 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
一个php导出oracle库的php代码
2009/04/20 PHP
php导入csv文件碰到乱码问题的解决方法
2014/02/10 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
PHP封装CURL扩展类实例
2015/07/28 PHP
windows8.1下Apache+Php+MySQL配置步骤
2015/10/30 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
php单链表实现代码分享
2016/07/04 PHP
微信支付开发交易通知实例
2016/07/12 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
javascript 写类方式之二
2009/07/05 Javascript
用jquery ajax获取网站Alexa排名的代码
2009/12/12 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
JQuery实现table行折叠效果以JSON做数据源
2014/05/26 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
纯javascript实现自动发送邮件
2015/10/21 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
layui框架中layer父子页面交互的方法分析
2017/11/15 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
Python实现的字典值比较功能示例
2018/01/08 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Django多个app urls配置代码实例
2020/11/26 Python
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
土木工程专业个人求职信
2013/12/05 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
初中生散播谣言检讨书
2014/11/17 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
2015年建党94周年演讲稿
2015/03/19 职场文书