web前端开发——AJAX入门

什么是AJAX

AJAX: A New Approach to Web Applications XML

AJAX是老技术新思想。它所包含的内容我们之前都接触过。如下:

(1)使用XHTML和CSS的基于标准的表示技术

(2)使用DOM进行动态显示和交互

(3)使用XML和XSLT进行数据交换和处理

(4)使用XMLHttpRequest进行异步数据检索

(5)使用Javascript将以上技术融合在一起

就像将几种酒混合成鸡尾酒一样,AJAX让老的技术换发出新的生命力。

AJAX的作用

(1)改善表单验证方式,不再需要打开新页面,也不再需要将整个页面数据提交

(2)不需刷新页面就可改变页面内容,减少用户等待时间

(3)按需获取数据,每次只从服务器端获取需要的数据

(4)读取外部数据,进行数据处理整合

(5)异步与服务器进行交互,在交互过程中用户无需等待,仍可继续操作

AJAX应用模式的流程与传统Web应用模式相比

AJAX应用的流程是:在浏览器中输入数据->点击按钮提交请求->用户可以继续做其他事情;Servlet在处理数

据,并发回数据->浏览器收到响应->浏览器中的当前页面显示响应结果,这其中仍然有些过程由于时间短暂使你忽略

了它的所在,但实际上这些过程都是存在的。

传统Web开发思维模式的一个特点是通过form表单提交请求信息,然后转向一个新的页面处理请求,并显示服务

器端返回的信息。

下面看幅图

ajax缺点

(1)AJAX没有Back和History功能,即对浏览器机制的破坏

(2)AJAX的安全问题。

(3)对搜索引擎支持较弱。

(4)客户端过肥,太多客户端代码造成开发上的成本。

(5)破坏程序的异常处理机制,违背URL和资源定位的初衷。

AJAX适用场景

小结

由于可以在页面内与服务器通信,不必整体刷新页面,减少了数据传输量,提高了Web应用的响应速度,给用户

带来全新的感受。可以认为AJAX就是Web标准和Web应用的可用性理论的集大成者。它极大地改善了Web应用的可用性

和用户的交互体验,最终得到了用户和市场的广泛认可。所以可以说,AJAX就是用户和市场的选择。

时间: 2024-10-29 10:45:46

web前端开发——AJAX入门的相关文章

干货教程 | Web前端开发学习入门指南

互联网的高速发展,让企业对于Web前端开发人员的需求越来越大,想要进入这行的人自然也逐渐增多.很多新手在进入这行时都会徘徊.犹豫.疑问,想学习又怕学不好,下面就和Web前端小编一起来看看. 1.HTML的学习 超文本标记语言(HyperTextMark-up Language简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户.因此,我们必须掌握HTML的基本结构和常用标记及属性. HTML的学习是一个记忆和理

web前端开发——react入门

一.ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出来以后,发现这套东西很好用,就在2013年5月开源了.由于 React 的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单.所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具.React是MVC中的V层,是视图层面的一个框架.React是创建虚拟dom(vi

WEB前端开发快速入门教程

目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工程师去做,web前端工程师是设计加开发的综合体,web前端工程师是在开发人员中最直接面向产品,面向用户的设计人员,一个开发团队的成果是要靠web前端工程师去展现,因为用户不会去关心后台的处理有多么强大 :在设计人员中web前端工程师是直接面向开发人员的设计人员,向开发人员以一种计算机语言的方式传递其设计理念,web前端工程师在整个团队中是很关键的. 所以一名合格的web前端工程师必须得掌握HTML.CSS和Java

web前端开发-Ajax(2)

前面的一篇博文简单的简绍了Ajax基于jQuery的用法,接下来要对Ajax做进一步的介绍,Ajax请求大致可以通过三种方式发送:原生Ajax,jQuery,伪Ajax.1.原生Ajax: 由于Ajax是以XML的格式和后台进行数据传输,所以原生的Ajax即是通过XMLHttpResponse 对象来完成请求 XMLHttpResponse对象使用方法: <script> function Ajax1() { var xhr=new XMLHttpRequest(); xhr.open('PO

4步带你从Web前端小白到入门!

Web前端开发怎么入门,主要都有哪些要素组成?Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,下面就给大家简单介绍一下. HTML,超文本标记语言,标准通用标记语言下的一个应用.包括"头"部分(Head).和"主体"部分(Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容. CSS,层叠样式表,是一种用来表

【WEB前端开发】新手入门:html语言学习的7个秘诀

WEB前端开发学习过程中,作为一个新手入门级别的菜鸟你,要如何系统的学习呢 ? 本期为介绍其一: html语言学习的7个秘诀 也就是说如何学习HTML语言. 新手们有一个常见的错误就是犹豫于判断哪种编程语言是做好的.最该先学的. 我们有很多的选择,但你不能说那种语言"最好".我们应该理解:说到底,什么语言并不重要. 重要的是理解数据结构.控制逻辑和设计模式. 任何一种语言-甚至一种简单的脚本语言-都会具有所有编程语言都共有的各种特征,也就是说各种语言是贯通的. 我编程使用Pascal,

Web 前端开发学习之路(入门篇)

字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== 以下引用知乎 @李路 的话. 以我的经验,大部分技术,熟读下列四类书籍即可. 入门,用浅显的语言和方式讲述正确的道理和方法,如head first系列全面,巨细无遗地探讨每个细节,遇到疑难问题时往往可以在这里得到理论解答,如Definitive Guide/Programming xx系列实践,结合

前端基础入门第一阶段-Web前端开发基础环境配置

Web前端和全栈的定义: A.什么是传统传统web前端:需要把设计师的设计稿,切完图,写标签和样式,实现JS的效果,简而言之即只需要掌握HTML的页面结构,CSS的页面样式,javaScript页面的行为(包括页面的效果和整合): B.HTML5时代的大前端:要处理各种端的兼容开发(PC,移动端,各种浏览器).移动APP开发和移动站点开发,Ajax+服务器端技术开发,异步开发和后台的交互.高级设计模式和框架(MVC,AngularJS...).运用自动化工作流(Grunt).网站安全.SEO.测

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习