原生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 = '';
// 当请求数据发生变化时调用图形绘制方法
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('').done(function (data) {
});
data 为响应数据,使用jquery是不是So easy