AJAX是什么？如何在JavaScript中使用？

Question

听说Ajax的核心是JavaScript对象？那它到底是一个怎样的技术呢，求大神普及下。

Answer 1

导读

Ajax 全称 Asynchronous JavaScript and XML, 即异步JS与XML. 它最早在IE5中被使用, 然后由Mozilla, Apple, Google推广开来. 典型的代表应用有 Outlook Web Access, 以及 GMail. 现代网页中几乎无ajax不欢. 前后端分离也正是建立在ajax异步通信的基础之上.

浏览器为ajax做了什么

现代浏览器中, 虽然几乎全部支持ajax, 但它们的技术方案却分为两种:

① 标准浏览器通过 XMLHttpRequest 对象实现了ajax的功能. 只需要通过一行语句便可创建一个用于发送ajax请求的对象.

var xhr = new XMLHttpRequest();

② IE浏览器通过 XMLHttpRequest 或者 ActiveXObject 对象同样实现了ajax的功能.
更多内容, 请阅读 Ajax知识体系大梳理 | louis blog

Answer 2

没有ajax之前，前端页面想从后端请求数据必须要刷新页面，体验很不好，比如你两个tab切换就是两个地址，页面跳一下。
有了ajax你可以在切换tab的时候通过ajax这种技术去向服务器请求数据，并动态的更新dom，url不用变。

那么ajax技术本身的实现主要是js提供的XMLHTTPRequest对象，这个对象模拟了一个http请求，并通过js的回调函数把数据传回来，js的函数式编程在这里也起到了作用。