• 技术文章 >web前端 >js教程

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

    亚连亚连2018-05-24 16:25:00原创1144
    这篇文章主要介绍了初步了解JavaScript,Ajax,jQuery,并比较三者关系的相关资料,需要的朋友可以参考下

    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的操作。

    上面是我整理给大家的,希望今后会对大家有帮助。

    相关文章:

    jquery与php结合实现AJAX长轮询

    Jquery具体实例介绍AJAX何时用,AJAX应该在什么地方用

    js ajax加载时的进度条代码

    以上就是初步了解JavaScript,Ajax,jQuery,并比较三者关系的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:JavaScript jQuery Ajax
    上一篇:jquery与php结合实现AJAX长轮询 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• 一文详解多版本node的安装和管理• Angular学习之聊聊Http ( 错误处理 / 请求拦截 )• 浅析Angular中的Change Detection机制• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件
    1/1

    PHP中文网