学习Web前端要知道的JavaScript、Ajax、jQuery知识

JavaScript012

学习Web前端要知道的JavaScript、Ajax、jQuery知识,第1张

今天小编要跟大家分享的文章是关于学习Web前端要知道的JavaScript、Ajax、jQuery知识。今天小编将详细解读JavaScript、ajax、jQuery是什么?他们可以实现什么?想要学习Web前端的小伙伴们来和小编一起看一看吧!

1、JavaScript

·___ㄒ澹

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

·___槌刹糠郑

核心(ECMAScript)、文档对象模型(DocumentObjectModel,简称DOM)、浏览器对象模型(BrowserObjectModel,简称BOM)

·___枋觯

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

Javascript是由Netscape公司开发的一种脚本语言(scripting

language),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式Web网页。

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

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

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

2、AJax

·___ㄒ澹

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

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

·___槌桑

基于XHTML和CSS标准的表示;

使用Document

ObjectModel进行动态显示和交互;

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

使用XML

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

使用JavaScript绑定一切。

·___枋觯

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

Ajax技术使用非同步的HTTP请求,在Browser和WebServer之间传递数据,使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框架实际上是一系列工具和函数。

4、三者的关系

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

解释:

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

以上就是小编今天为大家分享的关于学习Web前端要知道的JavaScript、Ajax、jQuery知识的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利,成为一名优秀的Web前端工程师!

原文链接:#/u/155352/blog/789347

SHAPE\*MERGEFORMAT

SHAPE\*MERGEFORMAT

很多时候我们只要用到一些简单的Ajax功能,提供一些简单的回调而不需要很花哨的东西。然而现有的很多Ajax库都很大,虽然功能很多但是我们很多时候根本就不需要用到他们,我就遇到过那样的经历,所以我想弄一个很简单的Ajax回调函数来搞定。首先我想到的是CS中的AjaxManager,我就是把它简化一下,去掉不想要的和很多更适合我们习惯的一些方法。

我把他命名为AjaxLite,因为他只要两个类就能实现Ajax的功能,为了把JS文件不另外Include,我把JS嵌入的了DLL中。总共两个文件一个JS,一个cs的文件,两个类这是我有史以来见过最简单的Ajax类库了。只要把编译后的DLL文件引用到你的项目中然后在Page_Load事件中Register你的用户控件或页面就可以很简单的实现了,代码也很简单这里就不多说了。

1.Register:查找当前控件中包含AjaxMethod属性标签的方法,并注册到客户端;

2.Post:通过客户端返回的类型和回调的函数查找控件中包含AjaxMethod属性标签的方法执行并返回;

3.Render:注册到Page生命周期中的PreRender中,然后再呈现执行JS以实现回调。

源代码项目(VS2008 beta1):AjaxLite

[2007-10-11]修复了一个BUG:当有多个AjaxMethod标注方法时会出现脚本错误(少一个"}"号!)。

L最后还是希望自己能够进步,大家能够带来帮助Z

我来回答这个问题:ajax是一个javascript的框架,其内容都是纯纯的javascript写出来的,所有你拿出几句代码是根本没法看的,因为都是javascript语句。

javascript是一种脚本语言吧,与后台通信是javascript能做的所有功能中的一个功能,有人专门写了这方面的所有方法,各种与后台通信的操作都写了,然后放在一块,就成了Ajax了,叫做异步的java  and  xml 技术。其实就是javascript了!

如图所示,比如说价格的计算,或者数量的添加减少等都用到ajax技术,不会影响其它内容,还是有输入用户名和密码的时候用到的校验都是用到了ajax技术,不会影响其它已输入内容的,如果不用ajax技术,那么就必须全页面刷新,其它数据又没有保存,就会丢失的!