1. 程式人生 > 其它 >原生Ajax傳送請求

原生Ajax傳送請求

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