Ajax之基础

版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/liu_yujie2011com/article/details/29812777

        几个问题引发的思考：什么是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向server提出请求并处理响应，而不堵塞用户。

与传统开发方式对照

       
传统的web应用同意用户填写表单（form），当提交表单时就向webserver发送一个请求。

server接收并处理传来的表单，然后返回一个新的网页。即：发送——等待——返回。在这个过程中不进行不论什么工作。纯属等待。

这个做法浪费了很多带宽，因为在前后两个页面中的大部分HTML代码往往是同样的。

因为每次应用的交互都须要向server发送请求。应用的响应时间就依赖于server的响应时间。这导致了用户界面的响应比本地应用慢得多。

   

       
与此不同，AJAX应用能够仅向server发送并取回必需的数据，它使用SOAP或其他一些基于XML的webservice接口，并在client採用JavaScript处理来自server的响应。即：发送——发送——发送。等待的工作没了。将其交给Ajax来完毕。这样在server和浏览器之间交换的数据大量降低（界面要什么就更新什么，而不是更新整个页面内容），结果我们就能看到响应更快的应用。同一时候非常多的处理工作能够在发出请求的client机器上完毕，所以Webserver的处理时间也降低了。

             

Ajax的优缺点是什么？

长处：

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

2. 优化了浏览器和server之间的传输，降低不必要的数据往返，降低了带宽占用

3.Ajax引擎在client执行，承担了一部分本来由server承担的工作，从而降低了大用户量下的server负载。

缺点：

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

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

3.Ajax的无刷新重载，因为页面的变化没有刷新重载那么明显，所以easy给用户带来困扰――用户不太清楚如今的数据是新的还是已经更新过的。

4.网络延迟——即用户发出请求到server发出响应之间的间隔——须要谨慎考虑。

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

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