码迷,mamicode.com
首页 > 其他好文 > 详细

Ajax之基础

时间:2014-06-10 17:22:18      阅读:185      评论:0      收藏:0      [点我收藏+]

标签: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代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

    bubuko.com,布布扣

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

             bubuko.com,布布扣

Ajax的优缺点是什么?

优点:

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

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

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

缺点:

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

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

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

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

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

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

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

Ajax之基础

标签:ajax

原文地址:http://blog.csdn.net/liu_yujie2011com/article/details/29812777

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!