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成功

XML

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,926评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,242评论 6 13
  • 在Google上用自私做关键词搜索,可以得到约 32,800,000 条结果,其中多数是这样的: 从搜索的结果看,...
    王晓龙的学习史阅读 519评论 0 1
  • 在午后3点的阳光里,突然想到,再过三十年,闺女是现在的我,我是现在的妈妈。突然惊觉人生虽已过半,可还有一半尚在...
    阳光在我心阅读 222评论 0 0