回调函数&获取返回的数据 · 学习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); ?> ~~~