XMLHTTPRequest對象的基本使用 · 學習AJAX

[TOC] >[success] # 請求報文和響應報文基本概念 <br/> >[success] ## 前端代碼 <br/> index.html <br/> ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> window.onload = function(){ // 綁定點擊事件 document.querySelector('input').onclick = function(){ // 創建對象: 異步對象 var xhr = new XMLHttpRequest(); // 請求行 xhr.open('get','xxx.php'); // 請求頭 setRequestHeader,Cookie就是加在請求頭里面的 // 參數1 鍵名 // 參數2 值 xhr.setRequestHeader('aoligei','hahahah') // 請求主體發送 xhr.send(null) } } </script> </head> <body> <input type="button" value="發送請求報文"> </body> </html> ~~~ <br/> >[success] ## 后臺接口代碼 <br/> xxx.php <br/> ~~~ <?php echo '你來了阿'; ?> ~~~ <br/> >[success] ## 瀏覽器Network顯示結果 <br/> ![](https://img.kancloud.cn/00/40/00400d4147af63e0f3c1141d69346806_1371x642.png) <br/> ![](https://img.kancloud.cn/6c/97/6c97ee9b7e0e41cc58bdfafb5d226d46_1335x614.png)