回調函數&獲取返回的數據 · 學習AJAX

[TOC] >[success] # 回調函數&獲取返回的數據 <br/> >[success] ## 前端代碼 <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(); // 請求行 // get請求是拼接在 url中 // xxx.php?key=value&key2=value2 xhr.open('get','xxx.php?name=jack&skill=painting'); // 注冊回調函數 // 請求響應回來之后觸發 xhr.onload = function(){ // 接口返回數據 console.log(xhr.responseText) } // 請求頭 setRequestHeader,Cookie就是加在請求頭里面的 // 參數1 鍵名 // 參數2 值 // 目前這個好像沒有任何作用是否可以省略呢？ // get請求可以省略設置請求頭的操作 // xhr.setRequestHeader('aoligei','hahahah') // 請求主體發送 xhr.send(null) } } </script> </head> <body> <input type="button" value="發送請求報文"> </body> </html> ~~~ <br/> >[success] ## 后端接口代碼 <br/> ~~~ <?php echo '你來了阿'; // get提交過來的數據使用 $_GET來獲取 print_r($_GET); // 延遲一會 sleep(3); ?> ~~~