Ajax - 异步 JavaScript 和 XML

Posted 2021-04-15 互联网战记

Ajax 即“Asynchronous javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

说的什么意思呢，就是你在网页上点击某个按钮，假设它的功能是“刷新”当前表格内容。如果你没有用Ajax技术，整个网页都需要刷新，造成的现象就是页面抖动，给人的体验很不好。如果你用了Ajax，现象就是表格的数据即时更新过来了，页面没有什么变化，给人的体验好多了。

优点：

• 使用Ajax的最大优点，就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作，并避免了在网络上发送那些没有改变的信息。

• Ajax不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

缺点：

• 它可能破坏浏览器的后退与加入收藏书签功能。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记下历史记录中的静态页面。一个被完整读入的页面与一个已经被动态修改过的页面之间的可能差别非常微妙；用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在Ajax应用程序中，却无法这样做。不过开发者已想出了种种办法来解决这个问题，html5之前的方法大多是在用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRAME来重现页面上的变更。（例如，当用户在Google Maps中单击后退时，它在一个隐藏的IFRAME中进行搜索，然后将搜索结果反映到Ajax元素上，以便将应用程序状态恢复到当时的状态）。

所以，Ajax技术还是有必要学习的，我可不希望我开发的网页经常抖动得厉害，那样给人太不专业了。因此，建议初学者认真掌握这门技术。这部分内容将采用视频的形式，以给大家更直观的感受！

如果你真的对互联网感兴趣，并有意从事Web开发，那么这套教程适合你。如果你学完后觉得它很实用，请点击文章底部右下角“在看”，把它推荐给你的朋友，让他也参与进来，谢谢！

欢迎关注公众号领取资料