失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 原生html如何发送网络请求 原生JS向服务器发送GET请求

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

时间:2020-07-20 20:16:10

相关推荐

原生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 = '';

// 当请求数据发生变化时调用图形绘制方法

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

如果觉得《原生html如何发送网络请求 原生JS向服务器发送GET请求》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。