ajax

作者: BAWScipes | 来源:发表于2017-11-09 00:11 被阅读0次
    1.ajax是什么?有什么作用?

    ajax是Asynchronous Javascript and Xml的缩写,依赖于HTML、CSS、JavaScript,其中最核心的依赖是浏览器提供的XMLHttpRequest对象,XMLHttpRequest对象使得浏览器可以发出HTTP请求与接收HTTP响应。
    作用:页面不刷新的情况下与服务端进行数据交互。

    2.前后端开发联调需要注意那些事情?后端接口前如何mock数据?

    前后端开发联调需要注意的事情有:
    约定双方需要传输的数据和接口,在接口文档中确定好参数的名称、格式等。
    约定请求和响应的格式、内容等。
    根据这些约定整理成详细的接口文档。
    后端接口前如何mock数据:mock数据是指在后端开发数据没有完成时,前端可以通过mock方式搭建本地服务器,模拟后台数据来实现数据交互的效果。可以安装server-mock,也可以使用easy-mock直接访问数据。

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

    设置一个状态锁

      var isStatusLock = true;    //设置一个状态锁
      if(!isStatusLock ) { 
          return;
       }
       var xhr = new XMLHttpRequest();
       xhr.open("get",url,true);
       xhr.onreadystatechange = function() {
         if(xhr.readyState === 4) {
           isStatusLock = true; 
         }
       } 
      xhr.send();
      isStatusLock = false; 
    

    注意:下面三种写法都可以

      xh.onload = function(){}
      xhr.addEventListener('load', function(){})
      xhr.onreadystatechange = function(){
        if(xhr.readyState===4){
          //code
        }
      }
    
    
    4.实现更多加载

    相关文章

      网友评论

          本文标题:ajax

          本文链接:https://www.haomeiwen.com/subject/rulgpxtx.html