abstrait：ajax : Asynchronous Javascript And XML，它是代理用戶(hù)向服務(wù)器發(fā)送請(qǐng)求的的客戶(hù)端工具?？梢栽陧?yè)面不刷新的情況下與服務(wù)器進(jìn)行交互，用戶(hù)體驗(yàn)非常好使用ajax發(fā)送請(qǐng)求，客戶(hù)端無(wú)需等待服務(wù)器響應(yīng)，完全可以在發(fā)出請(qǐng)求后做其他的事情自己寫(xiě)的一段ajax代碼<p><button>我最喜愛(ài)的電影</button></p><

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

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

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

自己寫(xiě)的一段ajax代碼

<p><button>我最喜愛(ài)的電影</button></p>
<script type="text/javascript">
   let btn = document.getElementsByTagName('button')[0];
   btn.onclick = function(){
       //創(chuàng)建ajax對(duì)象
       let xhr = new XMLHttpRequest();
       //為對(duì)象綁定監(jiān)聽(tīng)事件
       xhr.onreadystatechange = function(){
           if(xhr.readyState===4){ //檢測(cè)服務(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è)置請(qǐng)求參數(shù)
       xhr.open('get','./inc/index.html',true);
       //發(fā)送數(shù)據(jù)
       xhr.send(null);

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

Professeur correcteur：天蓬老師Temps de correction：2018-12-07 09:00:39
Résumé du professeur：Ajax操作,可以說(shuō),曾經(jīng)顛覆了大家對(duì)前端的認(rèn)知,不過(guò),隨著這幾天,大量前端開(kāi)發(fā)框架的出現(xiàn), ajax有了越多的優(yōu)秀替代方式, 可以了解一下