Ajax之基础

几个问题引发的思考:什么是Ajax?它是干什么的?在什么时候用?同步和异步又是什么?这一连串的问题让我问的我真是彻底伤心啦!按说前几集视频看完后,这几个问题就该解决了,但是自己却还是不懂。可见自己的学习方法真的有问题,有问题就要改嘛,现在就来解决下Ajax几个简单的问题。

什么是Ajax?

AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScriptAnd XML)。Ajax不是一个技术,它实际上是几种技术,每种技术都有其独特之处,合在一起就成了一个功能强大的新技术。

该技术主要包括:

基web标准(standards-based presentation)XHTML+CSS的表示;

使用 DOM(Document Object Model)进行动态显示及交互;

使用 XML 和 XSLT 进行数据交换及相关操作;

使用 XMLHttpRequest 进行异步数据查询、检索;

使用 JavaScript 将所有的东西绑定在一起。

工作原理是什么?

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

与传统开发方式对比

传统的web应用允许用户填写表单(form),当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页,即:发送——等待——返回。在这个过程中不进行任何工作,纯属等待。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

与此不同,AJAX应用可以仅向服务器发送并取回必需的数据,它使用SOAP或其它一些基于XML的webservice接口,并在客户端采用JavaScript处理来自服务器的响应,即:发送——发送——发送。等待的工作没了,将其交给Ajax来完成。这样在服务器和浏览器之间交换的数据大量减少(界面要什么就更新什么,而不是更新整个页面内容),结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成,所以Web服务器的处理时间也减少了。

Ajax的优缺点是什么?

优点:

1. 通过异步模式,提升了用户体验

2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用

3.Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

缺点:

1.可能破坏浏览器后退按钮的正常行为。

2.使用动态页面更新使得用户难于将某个特定的状态保存到收藏夹中。

3.Ajax的无刷新重载,由于页面的变化没有刷新重载那么明显,所以容易给用户带来困扰――用户不太清楚现在的数据是新的还是已经更新过的。

4.网络延迟——即用户发出请求到服务器发出响应之间的间隔——需要慎重考虑。

当然这些问题的出现,就会有解决问题的方法,在这里不去一一说明了,在今后遇到相关的问题再查资料解决。

通过这篇博客让我学习到今后在学习新知识的时候,一定要养成良好的习惯,先将基础知识有个整体的把控然后再看视频,不能只依赖视频的学习,要知道看视频只是一个开始,大量的知识还需要我们上网查资料。加油吧少年!

Ajax之基础,布布扣,bubuko.com

时间: 2024-10-29 19:10:23

Ajax之基础的相关文章

ajax——dom基础

javascript中dom实现可以使我们在ajax中通过javascript代码对html和xml数据进行dom方式操作,从而做到页面的动态修改更新和数据的提取处理. dom概念 dom文档对象模型,允许程序和脚本动态访问和更新文档的内容,结构和风格. dom对象树 在浏览器中一个页面对应一个html文档,因此有一个与之对应的html的dom树. 例如: 在浏览器中一个页面可能处理多个xml文档,因此可能有多个xml的dom树. dom对象树中常用的节点 在dom树中,文档内容中对应了很多不同

初步认识Ajax及其基础应用

初步认识Ajax及其基础应用 Ajax(Asynchronous JavaScript And XML)是服务器和客户端相结合的一种技术,由其英文单词可看出其包含JavaScript和XML,当然另外还包含CSS样式.XMLHttpRequest数据交互对象和DOM文档对象等技术. Ajax主要用于网页的局部刷新,用户在输入框中输入时激发文本框事件,该事件会激发JavaScript程序去响应服务器,由于JavaScript不支持服务器通信,因此需要 XMLHttpRequest与服务器进行交流:

Ajax全面基础学习(二)

两种配置ajax的方式 $.ajax('url',{ 配置ajax}); $.ajax({ url : 'url' 其他ajax配置}) ajax的回调函数 $.ajax('url',{ //请求成功的回调函数 success : function(data){console.log(arguments);}, //请求失败的回调函数 error : function(jqXHR,status,err){ //jqXHR:jQuery增强的xhr对象 //err:通过底层throw抛出的异常 }

关于AJAX的基础操作

AJAX开发 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术. AJAX = 异步 JavaScript和XML(标准通用标记语言的子集). AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必须重载

Ajax技术基础

对于AJAX技术,感觉以前虽然用过但是对于AJAX没有一个清晰的认识,今天专门总结一下,希望掌握的更加牢固吧! 一,什么是AJAX? AJAX通常被叫做异步刷新技术,其实他也是可以同步的.主要都用于异步访问服务器. 在通常情况下,我们的页面都是静态的,如果想要与服务器交互,我们可以通过一系列的手段来向服务器发送请求,并将返回的信息展示在页面上,但是通常需要刷新页面,如果不停的请求就需要不停的刷新整个页面,这对于客户而言带来很大的麻烦,尤其是网速很慢的情况,本来只需要更改页面一小点地方的信息,却要

Ajax全面基础学习(一)

快捷方法: $.get(url,[data],[callback],[type])get方法的[data]将被链在url后面[callback]是请求成功后的回调,可以得到响应数据,如果请求失败,看不到callback返回的内容[type]是头部content-type定义的数据类型,如果返回的数据不能按照type规定的格式进行转换,也不会得到callback回调,因为被视为失败的请求 =======================================================

AJAX的基础

AJAX应用到的技术: 1:AJAX的全称是Asynchronous JavaScript And XML 2: AJAX涉及到7种技术其中(Javascript.XMLHttpRequest.Dom.XML)是最为重要 3:XMLHttpRequest对象 (1):创建XMLHttpRequest对象 例:var xmlHttp;     //定义全局变量 function getXmlHttp(){  //封装函数 //判断是否是IE浏览器 if(window.ActiveXObject){

Comet——反向Ajax (基础知识)

Comet:服务器推送,与ajax页面向服务器请求数据相反.几乎可以实时将数据推送到客户端. 但本质一样:浏览器向服务器发起请求,服务器响应请求 Comet实现方式:长轮询.HTTP流 1.长轮询——所有浏览器都支持 浏览器向服务器发送请求,若服务器端有有效数据,则响应,否则“不作理会”. 一旦服务器响应,本次连接关闭,浏览器立刻发送下一次请求. 2.HTTP流——只有部分浏览器原生支持它 在页面的生命周期内只发送一次请求,而服务器保持连接打开,周期性向客户端发送数据

AJAX一些基础知识和小例子讲解

首先说下AJAX不是一种语言 是一种技术. AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ajax核心是一个new XMLHttpRequest()对象/ 在ie5.6中为new ActiveXObject("Microsoft.XMLHTTP")对象; XMLHttpRequest对象用于数据