前端基础—Ajax和XML

Ajax和XML

说到这里，就不得不提到另一个概念：Ajax（Asynchronous JavaScript），中文可以称之为“js的异步请求”，国内统一称为Ajax。

Ajax的概念是每次打开新的网页时，不要让页面整体刷新，而是由js发起一个“HTTP异步请求”，这个“异步请求”的特点就是不让当前的网页“卡”死。

用户可以一边上下滚动页面，播放视频一边等待这个请求返回数据。结果被正常返回后，由js控制刷新页面的局部内容。

这样做的好处是：

（1）大大节省了页面的整体加载时间。各种.js、.css等资源文件加载一次就够了。

（2）节省了带宽。

（3）同时减轻了客户端和服务端的负担。

在智能手机和App应用（特别是微信）流行起来之后，大量的网页都需要在手机端打开，Ajax的优势就体现的淋漓尽致。

虽然Ajax的名称本意是“异步js与XML”，但是现在在服务器端返回的数据中几乎都使用JSON，而抛弃了XML。

在2005年，国内的程序员论坛开始提及Web 2.0，其中Ajax技术被人重视。到了2006年初，可以说Ajax是前端程序员的加薪利器。市面上的所有招聘“前端Web程序员”的职位描述中都认为Ajax是重要的加分项。

可惜当时jQuery在国内不是很普及，Prototype也没有流行起来。笔者与北京软件圈子里的各大公司的同行们交流时，发现大家用的都是“原生的JavaScript Ajax”，这种不借助任何第三方框架的代码写起来非常臃肿、累人，而且考虑到浏览器的兼容问题，开发起来也很让人头疼。

例如，当时的代码往往是这样的：

上面的代码仅仅是为了兼容各种浏览器。实际上，后面还有几十行的冗余代码，之后才是正常的业务逻辑代码。

到2008年，国内开始流行Prototype、jQuery之后，发起一个Ajax请求的代码精简成几行：

jQuery.get('http://some_url?para=1', function(data){

// 正常代码

})

那时候开始，Ajax在国内变得越来越普及。

了解更多前端知识，可以点击链接和小编一起学习哟~https://www.bilibili.com/video/BV1i14y1N7d7/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c