原生JS向服务器发送GET请求

2018/05/24 Pycharm 阅读次数: Javascript

原生JS向服务器发送GET请求

使用Jquery可以很方便的进行GET与POST请求,但是在开发由于一些特殊原因只能使用原生JS进行开发,向服务器发送请求经常会遇见的些问题,本文主要讲解如何使用原生JS向服务器发送请求

创建HTTPRequest

function createXMLHttpRequest() {
    var xmlHttp;
    if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
        if (xmlHttp.overrideMimeType)
            xmlHttp.overrideMimeType('text/xml');
    } else if (window.ActiveXObject) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
            }
        }
    }
    return xmlHttp;
}

创建GET请求方法

  xmlHttp = createXMLHttpRequest();
        var url = 'http://www.kuture.com.cn';

        // 当请求数据发生变化时调用图形绘制方法
        xmlHttp.onreadystatechange = function (datas) {

            if (xmlHttp.readyState==4 && xmlHttp.status==200){

                // 接收请求响应数据
                response_data = xmlHttp.response;
                // 进行json序列化
                new_data = JSON.parse(graph_data);
                document.getElementById('relations').innerHTML = graph_data;
            }
        };
        xmlHttp.open('GET', url, true);
        xmlHttp.send();

response_data 就是服务器返回的数据,new_data为转换后的JSON对象

jquery的get请求方式

 $.get('http://www.kuture.com.cn').done(function (data) {
 
});

data 为响应数据,使用jquery是不是So easy

Search

    Table of Contents