摘要：ajax : Asynchronous Javascript And XML，它是代理用戶向服務(wù)器發(fā)送請求的的客戶端工具?？梢栽陧撁娌凰⑿碌那闆r下與服務(wù)器進(jìn)行交互，用戶體驗(yàn)非常好使用ajax發(fā)送請求，客戶端無需等待服務(wù)器響應(yīng)，完全可以在發(fā)出請求后做其他的事情自己寫的一段ajax代碼<p><button>我最喜愛的電影</button></p><

ajax : Asynchronous Javascript And XML，它是代理用戶向服務(wù)器發(fā)送請求的的客戶端工具。

可以在頁面不刷新的情況下與服務(wù)器進(jìn)行交互，用戶體驗(yàn)非常好

使用ajax發(fā)送請求，客戶端無需等待服務(wù)器響應(yīng)，完全可以在發(fā)出請求后做其他的事情

自己寫的一段ajax代碼

<p><button>我最喜愛的電影</button></p>
<script type="text/javascript">
   let btn = document.getElementsByTagName('button')[0];
   btn.onclick = function(){
       //創(chuàng)建ajax對象
       let xhr = new XMLHttpRequest();
       //為對象綁定監(jiān)聽事件
       xhr.onreadystatechange = function(){
           if(xhr.readyState===4){ //檢測服務(wù)器就緒狀態(tài)
               if(xhr.status===200){ //服務(wù)器是否已返回?cái)?shù)據(jù)
                   let div = document.createElement('div');
                   div.style.width ='600px';
                   div.innerHTML = xhr.responseText;
                   document.body.appendChild(div);
               }
           }else{

           }
       };
       //設(shè)置請求參數(shù)
       xhr.open('get','./inc/index.html',true);
       //發(fā)送數(shù)據(jù)
       xhr.send(null);

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

批改老師：天蓬老師批改時間：2018-12-07 09:00:39
老師總結(jié)：Ajax操作,可以說,曾經(jīng)顛覆了大家對前端的認(rèn)知,不過,隨著這幾天,大量前端開發(fā)框架的出現(xiàn), ajax有了越多的優(yōu)秀替代方式, 可以了解一下