使用JavaScript的XMLHttpRequest傳送POST、GET請求以及接收返回值
阿新 • • 發佈:2018-12-30
使用XMLHttpRequest物件分為4部分完成:
1.建立XMLHttpRequest組建。
2.設定回撥函式。
3.初始化XMLHttpRequest組建。
4.傳送請求。
var userName; var passWord; var xmlHttpRequest; //XmlHttpRequest物件 function createXmlHttpRequest(){ if(window.ActiveXObject){ //如果是IE瀏覽器 return new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ //非IE瀏覽器 return new XMLHttpRequest(); } } function onLogin(){ userName = document.f1.username.value; passWord = document.f1.password.value; var url = "LoginServlet?username="+userName+"&password="+passWord+""; //1.建立XMLHttpRequest組建 xmlHttpRequest = createXmlHttpRequest(); //2.設定回撥函式 xmlHttpRequest.onreadystatechange = zswFun; //3.初始化XMLHttpRequest組建 xmlHttpRequest.open("POST",url,true); //4.傳送請求 xmlHttpRequest.send(null); } //回撥函式 function zswFun(){ if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200){ var b = xmlHttpRequest.responseText; if(b == "true"){ alert("登入成功!"); }else{ alert("登入失敗!"); } } }
最後歡迎大家訪問我的個人網站:1024s