ajax总结作业

原创 2018-12-06 22:27:26 307
摘要:ajax : Asynchronous Javascript And XML,它是代理用户向服务器发送请求的的客户端工具。可以在页面不刷新的情况下与服务器进行交互,用户体验非常好使用ajax发送请求,客户端无需等待服务器响应,完全可以在发出请求后做其他的事情自己写的一段ajax代码<p><button>我最喜爱的电影</button></p><

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

批改老师:天蓬老师批改时间:2018-12-07 09:00:39
老师总结:Ajax操作,可以说,曾经颠覆了大家对前端的认知,不过,随着这几天,大量前端开发框架的出现, ajax有了越多的优秀替代方式, 可以了解一下

发布手记

热门词条