攻入Javascript，究竟什么是AJAX

什么是AJAX

时隔半年，当AJAX再一次出现在我脑海中时，从最初的模糊到现在的越来越明确。那么究竟什么是AJAX？它和form表单提交有什么区别？

如果你使用过AJAX和表单提交的话，想必会发现一件很重要的事，那就是AJAX提交，页面不会刷新，并且可以选择同步或异步。

体验一把

form篇

我们发现传统的form提交，页面进行了跳转。

AJAX篇

可以看到通过AJAX发送的请求并没有使页面进行刷新跳转。

form表单提交页面为什么刷新

那么为什么form表单提交就会进行页面刷新呢，或者说它为什么要刷新。在我看来导致这个的根本原因是因为form没有提供一个回调，既然没有提供回调，我们就无法获取到服务器端返回的内容，因此form表单提交就类似于重新打开了一个页面。

那么为什么早期不提供这个回调呢？或许是因为当时没这个需求，只是觉得简单一点就好。然而在当今，这远远满足不了我们的需求，所以AJAX油然而生是必然的。

AJAX解决了什么

也许当初AJAX只是为了解决页面无刷新，但如果他想解决这个问题，肯定是不能再使用之前form那种方式来提交数据了，并且还得有办法让程序获取到服务器端返回的数据。因此AJAX提供了一个事件监听器，当服务器响应时，则会调用对应的函数。而我们需要做的就是将返回的数据通过DOM操作来更新页面，这样就达到了页面无刷新的效果。如果要说传统提交方式和AJAX方式有什么不同，那么他们的区别就是，传统方式请求的是整个文档，而AJAX提供了更多的选择，我们可以只请求所需的数据。

AJAX为什么要实现异步

我们可以先想象一下form表单提交为什么就没有异步这个功能？原因就是人家都跳转页面了，所以在form表单提交上使用异步这个功能就没有意义了。但对于AJAX则有很大的不同，如果说AJAX不使用异步，那么就必须等待服务器端响应，Javascript才能进行下一步操作，但这样傻傻的等下去肯定是不行的，因此异步也是必然的。

那它又是怎样使用的异步机制呢？也就是所谓的事件监听器，有了这个事件监听器，我们就可以去干其他的事，直到服务器响应，接着这个监听器就会将其指令传递给我们绑定的函数并且执行。