原生js---ajax---get方法傳資料
阿新 • • 發佈：2018-11-14
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button id="btn">點選</button> </body> <script> var btn=document.getElementById("btn"); btn.=function(){ //1.建立ajax物件(此處相容性的建立) var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } //2.呼叫open方法----注：xhr.open("方法"，"路徑?資料"，"是否非同步") xhr.open("get","links/2.get.php?username="+encodeURI('陸小曼')+"&age=18&timp="+new Date().getTime(),true); //3.傳送資料 xhr.send(); //4.請求狀態改變事件 xhr.onreadystatechange=function(){ if(xhr.readyState==4){if(xhr.status==200){ document.write(xhr.responseText) }else{ alert("錯誤"+xhr.status) } } } } </script> </html>