任务24
2016-12-28 本文已影响22人
璐璐熙可
问答
1.ajax 是什么？有什么作用？
- ajax（Asynchronous JavaScript And XML）意思就是异步的JavaScript和XML。
- 作用:在不刷新整个页面的情况下，通过局部与后台的交互实现局部内容的刷新。
2.前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？(npm install -g server-mock) 知识点视频-如何 mock 数据
-
前后端开发联调需要注意:
- 约定好数据,不用考虑后端是否开发完成.
- 定接口,确定接口名称及请求和响应的格式，请求的参数名称、响应的数据格式；
-
后端接口完成前如何 mock 数据
-
使用server-mock或mock.js搭建模拟服务器，进行模拟测试。
-
在本地安装XAMPP，编写PHP文件来进行测试。
3.点击按钮，使用 ajax 获取数据，如何在数据到来之前防止重复点击?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>任务24</title>
</head>
<body>
<form>
<input type='submit' name='submit' value='提交' id='submit' >
</form>
<script>
var lock = false;
submit.addEventListener("click",function(){
if(!lock){
lock = true;
ajax();
lock = false;
}
});
</script>
</body>
</html>
使用一个可以表示状态的变量，初始时设置变量值为false。用户点击提交按钮之后，将值设为true，判断值是否为true，是则发送ajax请求，再将值设为false。等服务器端给出响应后将值设为false。
