关于AJAX

1.AJAX的作用

包含的几个大类步骤

• 创建一个XMLHttpRequest对象；
• 发出Http请求
• 接收服务器传回的数据
• 小范围的更改内容，而非整个页面重新渲染

AJAX可以通过 XMLHttpRequest( )对服务器发送请求，得到服务器的数据，而更改页面内容；

应用场景

2.前后端开发联调需要注意哪些事情？

• 在开发之前规定好接口文档并指明由谁来撰写和维护；
• 接口信息如果改动需要合适的方法向前后端传递改动信息；
• 规定使用的接口类型，JSON或者JSONP;
• 定义数据管理和归属权，是属于前端管理还是后端管理；
• 规定数据的交流方式，是前端直接把数据请求发送给后端，还是说有前端和后端之间有一个middle（中间层），前后端的数据都需要经过它来得到符合自己需求的数据类型；

3.后端接口完成前如何 mock 数据？

1.使用server-mock或者mock.js等数据模拟工具。
2.自己搭建服务器，并使用后端语言PHP、Java去模拟数据。
3.使用XAMPP等工具，编写PHP文件来进行测试。

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

可以设置变量锁

var onload = false;            //设置锁变量；
 document.querySelector(".btn").addEventListener("click",function () {
            if(onload){              //如果有锁存在，则不执行AJAX；
                return;
            }
            onload = true;         //上锁
            ajax({
                url:"2.php",
                type:"get",
                data:{},
                success:function(ret){
                    // TO DO
                    onload = false;    //解锁
                },
                error:function () {
                  console.log("error.....")
                }
            });
        });

更多