JS实现远程请求

1.创建 XMLHttpRequest 对象

XMLHttpRequest 用于在后台与服务器交换数据。XMLHttpRequest 支持的数据类型：所有类型的数据资源，并不局限于 XML。
XMLHttpRequest 支持的协议：HTTP，file，FTP。

//创建XMLHttpRequest 对象
//参数：无
//返回值：XMLHttpRequest 对象
function createXHR () {
    var XHR = [  //兼容不同浏览器和版本得创建函数数组
        function () { return new XMLHttpRequest () },
        function () { return new ActiveXObject ("Msxml2.XMLHTTP") },
        function () { return new ActiveXObject ("Msxml3.XMLHTTP") },
        function () { return new ActiveXObject ("Microsoft.XMLHTTP") }
    ];
    var xhr = null;
    //尝试调用函数，如果成功则返回XMLHttpRequest对象，否则继续尝试
    for (var i = 0; i < XHR.length; i ++) {
        try {
            xhr = XHR[i]();
        } catch(e) {
            continue  //如果发生异常，则继续下一个函数调用
        }
        break;  //如果成功，则中止循环
    }
    return xhr;  //返回对象实例
}

2. 发送触发请求

function sendmessage() {
            var url = "server.php?callback=functionName"；  //设置查询字符串
            var xhr = createXHR();  //实例化XMLHttpRequest 对象
            //xhr默认是异步请求
            xhr.open("GET", url, false);  //建立连接，要求同步响应
            xhr.setRequestHeader ('Content-type', 'application/x-www-form-urlencoded');  //设置为表单方式提交
        xhr.send("callback=functionName");  //发送请求
            console.log(xhr.responseText);  //接收数据
        }

参考：

JavaScript - XMLHttpRequest 属性和方法_js的xmlhttprequest请求get的blob类型-CSDN博客