初识ajax

    传统的前端、后台配合的方式是：前端的form表单将所有数据整体向后台提交。这样做的缺点是：如果在一个页面的一个div1中需要提交数据，但在另一个div2中却需要输入大量信息时，在div2中输入信息期间，不小心点击了div1中的提交按钮，此时，会将页面的所有信息一并向后台提交，但是后台并没有处理div2的功能，只能为div2返回空。这样，整个页面被返回时，div2中的信息被刷空了，但却没被处理，所以用户只能重新再输入。这样的用户体验很不好，而且特别浪费带宽。而且不管在哪个div中提交数据，整个页面都有被刷新的感觉。

为了解决传统方式的：1、数据整体被提交； 2、页面整体被刷新； 3、用户体验不好；4、占用带宽太多 的问题，ajax出现了。

    ajax能够做到：1、动态加载数据，按需取得数据并提交数据； 2、页面局部刷新； 3、改善用户体验； 4、占用带宽减少 等。

那么，ajax是什么？

①    ajax(asynchronouse javascript and xml) 异步javascript和xml；

②    ajax是7种技术的综合，这7中技术分别是：xmlHttpRequest、javascript、xml、dom、css、xstl、xhtml。 所以说，ajax是一个粘合剂。

③    ajax是一个与服务器端语言无关的技术。它可以使用在php、.net、Java ee、asp等网站。

④    ajax 可以给客户端返回3中数据格式，分别是：文本格式(text)、xml、json。

⑤    无刷新数据交换技术有：ajax、Flash、iframe、框架等。

 

使用ajax与服务器通信的步骤是：

①    创建ajax引擎对象xmlHttpRequest；

②    通过ajax引擎对象向服务器发送数据，有两种发送方式：get、 post；

③    服务器接收ajax发送来的数据，对其进行处理(操作数据库)，然后将处理后的数据返回给ajax引擎对象，返回数据的格式有3种：文本格式、 xml、 json；

④    ajax引擎对象通过responseText属性 或者responseXML属性 接收服务器回送的数据，然后在静态页面中对其进行处理，使页面达到局部刷新的效果。