<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax</title> </head> <body> <button id='but'>ajax的基本使用</button> <script type="text/javascript"> //获取元素对象 var but = document.getElementById('but'); but.onclick = function() { // 1.创建ajax对象 if(window.XMLHttpRequest){ //现在平常使用的浏览器 var x = new XMLHttpRequest(); } else { //ie5和ie6浏览器使用 var x = new ActiveXObject('Microsoft.XMLHTTP'); } //2.绑定事件 on 当...时候 readystate 对象属性 change改变 //alert(x.readyState); x.onreadystatechange = function() { //alert(x.readyState); if(x.readyState == 4 && x.status == 200){ //服务器返回的结果 console.log(x.responseText); // alert(x.responseText); } } //3.初始化 方法中的参数有3个 // 1.请求的方式(GET POST) // 2.服务器的文件 // 3.同步还是异步 x.open('GET','1.php',true); //4.发送 x.send(); } </script> </body> </html>