原生Ajax傳送請求
阿新 • • 發佈:2022-12-07
GET
// 1. 建立一個xmlhttpRequest物件 var xmlhttp = null; var res; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // 2. 設定回撥函式 xmlhttp.onreadystatechange = function() {if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { res = eval('('+xmlhttp.response+')'); console.log(res) return } } // 3. 開啟一個連線 xmlhttp.open("get", "https://api.yonyouup.com?app_key=app_key&app_secret=app_secret&from_account=from_account");// 4. 傳送 xmlhttp.send();
POST
// 1. 建立一個xmlhttpRequest物件 var xmlhttp = null; var res; if (window.XMLHttpRequest) { xmlhttp = new XMLHttpRequest(); } else if (window.ActiveXObject) { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // 2. 設定回撥函式 xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { res = eval('('+xmlhttp.response+')'); console.log(res) return } } // 3. 開啟一個連線 xmlHttp.open('POST', 'https://api.yonyouup.com'); // 4. 設定請求頭 xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); // 5. 傳送 xmlHttp.send('app_key=app_key&app_secret=app_secret&from_account=from_account'); //請求體body,用&分隔。引用:req.body.name