【Ajax 4】Ajax、JavaScript和JQuery的联系和区别
2016-01-12 20:31
831 查看
导读:在之前,就分别学习了Ajax、JavaScript和JQuery,然后对于这三者之间的关系,是一直云里雾里的。尤其是后来学到了Ajax,就更是不明白了。现在,就给总结总结。
组成:
基web标准(standards-based presentation)XHTML+CSS的表示;
使用 DOM(Document Object Model)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。
类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。
组成:
核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/30/da6eacdf764edc2538bd2fb66db64f8c)
特点:动态特效、Ajax、通过插件来进行扩展。。。
![](https://oscdn.geek-share.com/Uploads/Images/Content/201908/30/33d184622b747d6970ce2b83fc888c98)
一、基本概述
1.1,Ajax
AJAX :指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。其核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。组成:
基web标准(standards-based presentation)XHTML+CSS的表示;
使用 DOM(Document Object Model)进行动态显示及交互;
使用 XML 和 XSLT 进行数据交换及相关操作;
使用 XMLHttpRequest 进行异步数据查询、检索;
使用 JavaScript 将所有的东西绑定在一起。
类似于DHTML或LAMP,AJAX不是指一种单一的技术,而是有机地利用了一系列相关的技术。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技术正在出现,如“AFLAX”。
1.2,JavaScript
JavaScript:是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。它最初由网景公司(Netscape)的Brendan Eich设计,是一种动态、弱类型、基于原型的语言,内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合,如服务器端编程。完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型,字节顺序记号。组成:
核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。
1.3,JQuery
jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。核心理念是write less,do more(写得更少,做得更多)。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。特点:动态特效、Ajax、通过插件来进行扩展。。。
二、联系
三、总结
细细的总结起来,这三者的关系,其实并不像之前那样想的模糊不清,关键是在之前没有总结过。还有就是在做Ajax实例的时候,想着JQuery里面也有,为什么还要用JavaScript对Ajax进行封装呢,这样岂不是多此一举吗?现在,是明白了,多总结,多收获。不想学习的时候,我就喜欢写东西。相关文章推荐
- 【Ajax 4】Ajax、JavaScript和JQuery的联系和区别
- jquery设置radio选中用法
- 在Django下使用Jquery ajax实现select表单的二级联动
- jquery实现横向图片滚动
- ajaxFileUpload 报这错jQuery.handleError is not a function (注:内容完全是转载,只是便于以后自己查阅)
- JQuery前端技术记录
- jquery.tagsinput.js 实现记录checkbox勾选的顺序
- jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
- 简单东西-jQuery过滤数值
- jquery $(document).ready() 与window.onload的区别
- 【jQuery】JS中拼接URL发送GET请求的中文、特殊符号的问题
- jquery on()方法及其参数使用
- DataTables 详细设置(1)
- jQuery文档加载完毕的几种写法
- jQuery Validator 修改提示文字的位置
- jQuery easyUI 用layout 自适应浏览器大小
- jQuery动画效果图片轮播特效
- 精通Jquery之一
- jQuery动画效果实现图片无缝连续滚动
- JQuery中操作Css样式的方法