• Ajax 入门 【学习手记】


    • Ajax技术的兴起 
        据说Ajax是个老技术,早就有了,后来才火起来的。 顺便说一下,Ajax 是 Asynchronous JavaScript and XML的缩写。英文好点的朋友应该晓得第一个单词的意思,我是查了下才晓得,意思是:异步, 这个描述很准确, 后面的JavaScript和XML都命名得不是很准确(转别个的话),我猜想原因可能是因为是浏览器脚本语言不只有JavaScript,还有VBScript。而且作为传输数据的信息格式的不一定非得要是xml 还可以是键值对,纯文本,还有现在火的不行的json( JavaScript Object Notation)。


    • Ajax 的好处
        为么事要有Ajax这个技术呢?  以下这段转的:因为web是互联网程序,需要网络连接,随着web的强大而出现的是等待,等待服务器响应,等待屏幕刷新,等待请求返回生成新的页面。Ajax的出现可以减少数据传输(tip:但不能减少请求服务器的次数),可以不让整个web页面刷新,只让局部刷新(tip:有次面试被问到还能用什么方法达到这个效果,后来才知道可以用iframe)。


    • Ajax 的核心内容
         ajax 有个核心对象,XMLHttpRequest 对象,各浏览器中用代码实例化它的程序代码有所区别。如果你使用目前流行的js库来实现Ajax效果,你就看不到这个核心对象到低是怎么实例化的,到底是怎么做到的浏览器兼容 ,所以我们还是要了解下原理,才能更好的掌握。
      Ajax说穿了其实就是用核心对象XMLHttpRequest 异步向服务器发送请求,然后根据响应对html页面的DOM进行操作,我理解的异步就是整个页面没刷新,请求完之后的响应也是重点,就是对dom的操作,对dom的操作并不是Ajax的技术,只是会用到。


    • Ajax请求响应的数据传输格式
      最后我觉得还有点重要的就是Ajax的请求和响应过程中数据的传输格式 ,我所了解的有这几种 :纯文本,键值对,xml,json 。这几种到底那一种好呢,有网友说发出异步请求时用键值对,因为请求一般都是小数据量,响应的时候用json ,因为响应一般都是大数据量,还说json的出现,使得xml这种格式没有必要了。前面一句我还是有点同意的,但是后面那句不敢苟同,因为毕竟xml通用性更强,可以说是跨平台,跨语言(瞎掰的两个形容词 )。

    这只是一篇学习手记,希望对初学者有所帮助,同样欢迎广大博友拍砖扔鞋,不吝赐教。

    资料:IBM developerWorks 中国  >  Web development  >掌握 Ajax 系列

  • 相关阅读:
    ES6基础之——Set
    ES6基础之——继承extends
    ES6基础之——静态方法staitc
    ES6基础之——get 与 set
    ES6基础之——Class类
    ES6基础之——生成器Generators
    ES6基础之——迭代器Iterators
    ES6基础之——指向当前对象的原型对象 super
    ES6基础之——__proto__
    Vue慕课网音乐项目随手记--node代理及数据抓取
  • 原文地址:https://www.cnblogs.com/fejerry/p/1750187.html
Copyright © 2020-2023  润新知