ajax作用和实例,ajax实例&封装

1、ajax 是什么？有什么作用？

ajax全称是Asynchrous JavaScript XML的缩写。

作用：与服务器交换数据并更新部分网页，在不重新加载整个页面的情况下。

具体来说,AJAX包括以下步骤

创建AJAX对象；

发出HTTP请求；

接受服务器传回的数据；

更新网页数据。

2、前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？(npm install -g server-mock) 知识点视频-如何 mock 数据？

前后端开发联调需要注意事项：

约定数据：有哪些需要传输的数据，数据类型是什么；

约定接口：确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；

根据这些约定整理成接口文档

后端接口完成前mock数据：

可以根据接口文档，使用假数据来验证我们制作的页面响应和接口是否正常。

可以搭建php本地服务器用，php写脚本提供临时数据；

也可使用Mock.js，它能拦截ajax请求并根据请求中的内容来随机生成符合你要求的假数据，模拟后端环境让你完成对页面和接口的测试.

3、点击按钮，使用 ajax 获取数据，如何在数据到来之前防止重复点击?

var lock = false;

btn.addEventListener("click",function(){

if(!lock){

lock = true;

ajax(XXXX);

lock = false;

}

});

更多方法参考

代码题

代码预览

代码一

0_1484138685439_1.png

本地mock成功

代码二

0_1484138710405_2.png

本地mock成功

代码三

0_1484138732659_3.png

本地mock成功