• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >AJAX > 初步了解JavaScript,Ajax,jQuery,并比较三者关系

初步了解JavaScript,Ajax,jQuery,并比较三者关系

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了初步了解JavaScript,Ajax,jQuery,并比较三者关系等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

jquery是对javascript很好的封装,而且很轻量级,可以近似的将其称其为框架,下面就来对比javascript与jquery对ajax的实现,以突出jquery对其封装后,在实现方便的简易性,而且不仅如此,用jquery代替javascript来实现一些功能对于浏览器的兼容性也会带来意想不到的好处。

一、基本认识

1、JavaScript

定义: 

        javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能(其编写的程序可以被嵌入到HTML或XML页面中,并直接在浏览器中解释执行)。 

组成部分: 

             核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)

描述:

            Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。

            Javascript是由 Netscape公司开发的一种脚本语言(scripting language),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式Web网页。

            Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。

            Javascript短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

            主流的javaScript框架有:YUI ,Dojo,Prototype,jQuery...

2、Ajax

定义:

         AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML),AJAX并非缩写词,而是由Jesse James Gaiiett创造的名词,是指一种创建交互式网页应用的网页开发技术。 

        AJAX不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大的新技术。

组成:

            基于XHTML和CSS标准的表示;

           使用Document Object Model进行动态显示和交互;

           使用XML和XSLT做数据交互和操作; 

          使用XML HttpRequest与服务器进行异步通信;

           使用JavaScript绑定一切。

描述:

            Ajax是结合了Java技术、XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的管理。

           Ajax技术使用非同步的HTTP请求,在Browser和Web Server之间传递数据,使Browser只更新部分网页内容而不重新载入整个网页。

          Ajax是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,用户可以创建接近本地桌面应用的直接、高可用、更丰富、更动态的Web用户界面。

3、jQuery

定义:

        jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。

特点:

            轻量级、链式语法、CSS1-3选择器、跨浏览器、简单、易扩展;

           jQuery是一种独立于服务器端代码的框架,独立于ASP.NET或者JAVA;

           jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。

描述:

            对于程序员来说,简化javascript和ajax编程,能够使程序员从设计和书写繁杂的JS应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。 

           对于用户来说,改善了页面的视觉效果,增强了与页面的交互性,体验更绚丽的网页物资。

          javaScript框架实际上是一系列工具和函数。

二、三者的关系

        下面我用一张导图来阐述这三者的关系: 

解释:

         javaScript是用于Web客户端开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。jQuery是JS的框架,基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能,提供函数接口,大大简化了Ajax,JS的操作。

以上内容是小编给大家分享的初步了解JavaScript,Ajax,jQuery,并比较三者关系,希望大家喜欢。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 初步了解JavaScript,Ajax,jQuery,并比较三者关系

相关文章

  • 2017-05-11用ajax自动加载blogjava和博客园的rss
  • 2017-05-11ajax加载页面服务器返回 304 not modified
  • 2017-05-11ajax实现服务器与浏览器长连接的功能
  • 2017-05-11PHP+AJAX无刷新实现返回天气预报数据
  • 2017-05-11javascript Ajax获取远程url的返回判断
  • 2017-05-11jquery与php结合实现AJAX长轮询(LongPoll)
  • 2017-05-11Ajax Control Toolkit 34个服务器端控件第1/2页
  • 2017-05-11ajax实现session不过期(避免页面过期的现象)
  • 2017-05-11ajax完美解决的下拉框的onchange问题
  • 2017-05-11AJAX下的请求方式以及同步异步的区别小结

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 比getjson好的底层函数是哪个有什么优点
    • 使用jQuery简化Ajax开发
    • ajax编写简单的登录页面
    • 原生AJAX封装的简单实现
    • 使用ajax加载的页面中包含的javascript的解决方法
    • AJAX 异步传输数据的问题
    • ajax session过期问题的几个解决方案
    • Ajax结合php实现二级联动
    • Ajax动态为下拉列表添加数据的实现方法
    • ajax jquery校验用户是否已经注册演示代码

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有