原生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

-----------------------------------------------------------------------------------------------
// 4. 设置请求头(发送json数据)
 xmlhttp.setRequestHeader('Content-type','application/json;charset-UTF-8');
// 5. 发送
 xmlhttp.send(JSON.stringify(table.data.list));

 JSON.stringify()  js对象转化为json字符串

 
posted @ 2022-12-07 13:03  cmooc  阅读(72)  评论(0编辑  收藏  举报