原生html如何发送网络请求,原生JS向服务器发送GET请求

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