手记 / ajax总结作业

ajax总结作业

4天前7浏览0评论

ajax : Asynchronous Javascript And XML,它是代理用户向服务器发送请求的的客户端工具。

可以在页面不刷新的情况下与服务器进行交互,用户体验非常好

使用ajax发送请求,客户端无需等待服务器响应,完全可以在发出请求后做其他的事情

自己写的一段ajax代码

<p><button>我最喜爱的电影</button></p>
<script type="text/javascript">
   let btn = document.getElementsByTagName('button')[0];
   btn.onclick = function(){
       //创建ajax对象
       let xhr = new XMLHttpRequest();
       //为对象绑定监听事件
       xhr.onreadystatechange = function(){
           if(xhr.readyState===4){ //检测服务器就绪状态
               if(xhr.status===200){ //服务器是否已返回数据
                   let div = document.createElement('div');
                   div.style.width ='600px';
                   div.innerHTML = xhr.responseText;
                   document.body.appendChild(div);
               }
           }else{

           }
       };
       //设置请求参数
       xhr.open('get','./inc/index.html',true);
       //发送数据
       xhr.send(null);

       btn.disabled = true;
       btn.style.cursor = 'not-allowed';
   }
</script>

QQ图片20181114103819.png

相关标签:JavaScriptAJAX
1推荐

    作者的热门手记

    PHP中文网

    未登录