<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 姓名：<input type="text" name="user" id="user" value="" /> 年龄：<input type="text" name="age" id="age" value="" /> <button id="btn">点击</button> </body> <script> var btn=document.getElementById("btn"); btn.=function(){ var userval=document.getElementById("user").value; var ageval=document.getElementById("age").value; //1.创建ajax对象(此处兼容性的创建) var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } //2.调用open方法（true----异步） xhr.open("post","links/2.post.php",true); //3.发送数据 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send("username="+userval+"&age="+ageval+"&timp"+new Date().getTime()); //4.请求状态改变事件 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ document.write(xhr.responseText) }else{ alert("错误"+xhr.status) } } } } </script> </html>