一点关于Ajax和一个等待图标的显示

一点关于Ajax和一个等待图标的显示

1.首先Ajax是asynchronous Java-Script and XML的简写。翻译过来就是异步的JS和XML.

2它的优点就是能不更新页面的情况下，得到数据。当然JS是单线程语言，它所做的事情只是找了一个小帮手，让它去做了些事，比如拿了些数据，最后这个小帮手把数据给到JS，这个样子。就如同小杜同学可爱且漂亮的母亲想吃苹果，让小杜同学去拿苹果给她吃，小杜同学去拿了，且给她吃了。小杜同学可爱的母亲并没有做这件事情，她只是让小杜同学帮忙做了。

3.异步请求的步骤：

第一，就是创建一个异步的对象，new,也就是叫一个小帮手过来。如同小杜同学母亲大人（老潘）叫了一下小杜同学。小杜同学就过去了。

第二，就是设置此对象请求的地址和提交方式，open,也就是相当于是说告诉这个小帮手去做什么事情。然后老潘告诉小杜同学她辛辛苦苦把小杜同学养得这么大了，现在她想吃个苹果，想让小杜同学去取一下。

第三，设置一个回调函数。服务器向客户端发送过来响应数据后触发执行的一个JS方法。

第四，就是发送，send,也就是小帮手去做事情了。小杜同学想了想，老妈养了自己这么大了，j是得小孝敬一下她了，那么，就去洗个苹果给母亲大人吧，然后小杜同学就去做这个事情去了。

4.关于异步对象xhr的属性

onreadystatechangen属性，此是用来设置回调函数的。

readyState属性是获取当前XMLHttpRequest对象执行的状态的。共有5 个状态。其值分别为0，1，2，3，4。0是表示尚未初始化。1表示打开了。2是表示已发送。3是表示正在接收，交互中，还不能使用此方法的属性和方法。4是表示已加载，所有的数据均加载完毕。

responseText属性，以字符串方式，服务器向客户端响应的报文。

5.关于一个Ajax的一个需求。要求用Ajax实现一个层里显示当前的时间，和一个人的姓名和年龄。且此请求需要3S钟，在用户等待的三秒钟为了给客户一个良好的体验，给客户显示一个在转动的图片，当需要的东西出现时，此图标此消失。那么，请看下图：

此上两图为HTML部分，思路就是最先让图片隐藏，当点击显示按铵时，就让图片显示，图片一直动，表示后台是存在运行中的。当加载数据完毕，也就是属性readyState等于4的时候，则让图片隐藏就可以达到此效果了。

以下两图为效果图当在那三秒钟内的时候图片会显示，当数据到了的时候图片则会消失不见了。

注意一下post请求和get请求的不同，post请求参数是在send里写的且必须写设置报文头的那行代码，也就是第二个图片第37行的代码，不然参数会传不过去，不会显示。且此行代码必须写在open()之后，和send()之前，也就是在老潘叫了小杜同学去拿苹果给她吃和小杜同学出发去拿前。

然后，大概就这些了，欢迎看了我博客的同学批评指正。共同进步。