`
sunqing0316
  • 浏览: 41955 次
  • 性别: Icon_minigender_2
文章分类
社区版块
存档分类
最新评论

剪不断,理不乱——Javascript,JQuery,AJAX

 
阅读更多

三者整体关系

JQuery、AJAX都是Javascript的一个框架,如果把Javascript比作父亲的话,JQuery和AJAX就是Javascript的亲生儿子。在Javascript中非常复杂的功能,让他们实现起来是极其的方便快捷。

js概念

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigatr加入了Javascript,提供了数据验证的基本功能。

一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。

JQuery概念

jQuery 是一个 JavaScript 库。

Jquery是继prototype之后又一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

JQuery的宗旨是——"write less,do more",也就是“吃得少,干的多”。让我们广大的程序员能够写更少的代码,做更多的事情。

AJAX概念

AJAX即“Asynchronous Javascript + XML”(异步JavaScript和XML),

所谓的异步就是在事件触发之后浏览器任然可以做其他的事情,与发生事件的控件无关的控件不受影响。AJAX是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

AJAX = 异步JavaScript和XML(标准通用标记语言的子集)。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页面。
有很多使用 AJAX 的应用程序案例:新浪微博、Google 地图、开心网等等。

AJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。

使用Javascript向服务器提出请求并处理响应而不阻塞用户!核心对象XMLHTTPRequest。通过这个对象,JavaScript 可在不重载页面的情况与Web服务器交换数据。
AJAX 在浏览器与 Web 服务器之间使用异步数据传输(HTTP 请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
AJAX 是一种独立于 Web 服务器软件的浏览器技术。 AJAX 基于下列 Web 标准:
JavaScriptXMLHTMLCSS在 AJAX 中使用的 Web 标准已被良好定义,并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。
Web 应用程序较桌面应用程序有诸多优势;它们能够涉及广大的用户,它们更易安装及维护,也更易开发。
不过,因特网应用程序并不像传统的桌面应用程序那样完善且友好。通过 AJAX,因特网应用程序可以变得更完善,更友好。

分享到:
评论

相关推荐

    jquery图片全景查看器鼠标拖动图片全景预览效果代码

    【jQuery图片全景查看器】是一种基于JavaScript库jQuery实现的交互式图像展示技术,它允许用户通过鼠标拖动来查看图片的全景视图。这种技术在网页设计中常用于展示360度产品视图、虚拟旅游场景或者任何需要全方位...

    2014年50个程序员最适用的免费JQuery插件

    不过随着技术的不断进步,许多新的库和框架已经出现在前端开发的领域,开发者在当下可能更多地使用Vue.js、React、Angular等现代JavaScript框架,但jQuery及其插件仍然在某些特定场景下有着不可替代的作用。

    利用ajax做类似于百度的自动补全

    Ajax,即Asynchronous JavaScript and XML(异步JavaScript和XML),是一种创建动态网页的技术,允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在自动补全场景中,我们通常使用Ajax向后台...

    jquery手册+实例源码+学习文档

    **jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它极大地简化了 JavaScript 对HTML文档的操纵、事件处理、动画设计以及Ajax交互。本资源包包含了关于 jQuery 的一系列学习材料,旨在帮助初学者快速掌握这一...

    Js.rar_javascript

    2. **响应式设计**:在现代网页开发中,响应式设计是必不可少的,JavaScript可以配合CSS媒体查询,根据设备的屏幕尺寸和方向改变页面布局,提供一致的用户体验。 3. **滚动效果**:JavaScript可以监听用户的滚动...

    jQuery图片插件

    jQuery图片插件是一种广泛应用于网页开发中的工具,它极大地简化了HTML文档操作、事件处理、动画设计和Ajax交互。在本话题中,我们将探讨两个关键的jQuery应用:Flash翻书效果和jQuery UI实现的图片裁切功能。 首先...

    JavaScript特效大全

    4. **AJAX异步请求**:AJAX(Asynchronous JavaScript and XML)允许网页在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。通过创建XMLHttpRequest对象,可以发送HTTP请求获取服务器数据,进而更新DOM...

    jquery实现自定义图片裁剪功能【推荐】

    jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等操作。它的核心理念是让Web开发变得更加简单快捷。jQuery通过封装常用的操作,提供了许多便利的函数,让开发者...

    动态网页设计与制作:CSS+JavaScript

    9. AJAX(异步JavaScript和XML):AJAX允许在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,提高了用户体验。 10. JavaScript库和框架:了解并使用如jQuery、React、Vue或Angular等JavaScript库和...

    etchasketch:来自 The Odin Project 的 Etchasketch JQuery 实践项目

    jQuery 是一个强大的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及Ajax交互等任务。jQuery 的核心特性包括选择器(用于选取 HTML 元素)、DOM 操作(添加、删除、修改元素)以及事件处理。在 ...

    毕设&课设&项目&实训-基于canvas、javascript、bootstrap的读书笔记(共45个demo).zip

    5. JavaScript组件:学习如何配合jQuery启用bootstrap的JavaScript组件。 6. accessibility:了解如何创建无障碍的网页,提高用户体验。 通过这45个demo的实践,你不仅能够掌握canvas、javascript和bootstrap的基本...

    超炫的js图片展示效果

    实际开发中,还可以结合现有的JavaScript库和框架,如jQuery、React或Vue.js,进一步简化代码和增强功能。同时,注意优化性能,避免过度使用JavaScript导致页面加载缓慢。通过不断学习和实践,你也能创建出令人赞叹...

    [模仿]新浪财经7x24直播

    2. **AJAX (Asynchronous JavaScript and XML)**: 用于在不刷新整个页面的情况下,向服务器发送请求并获取数据。在7x24直播场景中,AJAX定时轮询或者利用WebSocket实现长连接,持续获取最新市场数据。 3. **...

    asp.net上传头像页面,实现自由剪切,自由缩放,上传预览

    在ASP.NET中,创建一个能够实现用户上传头像并提供自由剪切、自由缩放以及预览功能的页面,是一项常见的需求。这个过程涉及到多个技术点,包括文件...通过不断优化和调试,可以构建出一个高效、稳定的头像管理系统。

    javascipt拓扑图

    JQuery(JQ)是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及AJAX交互。在创建拓扑图时,JQuery可以用来处理用户交互,如点击、拖动等,同时也可以辅助加载和更新数据。 对于JavaScript...

    jquery图片滚动放大效果特效代码

    jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。在网页设计中,这种图片滚动放大效果能够提升用户体验,吸引用户对页面内容的关注。 首先,要实现这种效果,我们...

    超牛的Js 你能想到得效果都有

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级编程语言,它在浏览器环境中赋予了网页动态性,使得网页能够实现丰富的交互效果和...不断学习和掌握JavaScript的新特性及各种库、框架,是提升Web开发技能的关键。

    ASP.NET相册控件

    6. **AJAX技术**:为了实现无刷新的用户体验,可能需要用到ASP.NET AJAX,通过UpdatePanel或者jQuery的AJAX方法实现部分页面更新。 7. **安全性**:考虑文件上传的安全问题,防止恶意文件注入,例如限制文件类型和...

    .net版本简单方便的web打印编辑器

    - **JavaScript和jQuery**:负责处理用户的交互事件,例如键盘输入、粘贴、复制、剪切等。也可以使用富文本编辑库,如CKEditor或TinyMCE,它们提供了丰富的API和插件,简化开发工作。 - **预览和打印**:使用...

    bootstrap搭建简易添加页面

    此外,如果需要验证用户输入,可以通过 JavaScript 或者 jQuery(Bootstrap 集成的库)来实现,比如检查必填字段是否为空,或者格式是否正确。 最后,别忘了引入Bootstrap的相关资源。在HTML文件头部,你需要链接到...

Global site tag (gtag.js) - Google Analytics