<!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>