JS发送http请求(get方式)

tanzongbiao

已于 2024-08-16 16:22:40 修改

阅读量4.8w

点赞数 6

CC 4.0 BY-SA版权

分类专栏： Java 文章标签： JS发送http请求(get方式)

于 2018-09-14 12:59:56 首次发布

本文链接：https://blog.csdn.net/tanzongbiao/article/details/82528647

Java 专栏收录该内容

183 篇文章

订阅专栏

本文介绍两种使用JavaScript发起HTTP GET请求的方法。第一种方法通过设置超时处理和状态改变监听来实现请求控制；第二种方法则直接利用XMLHttpRequest对象进行简单快速的请求处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	// 方式一
	var url = "http://127.0.0.1:19196/openDevice";
	var time = 5000;
	var timeout = false;
	var request = new XMLHttpRequest();
	var timer = setTimeout(function() {
		timeout = true;
		request.abort();
	}, time);

	request.open("GET", url, true);
	request.onreadystatechange = function() {
		if (request.readyState !== 4) {
			return;
		}
	
		if (timeout) {
			dorado.MessageBox.alert("out");
			return;
		}
	
		clearTimeout(timer);
	
		if (request.status === 200) {
			callback(request.responseText);
		}
	};
	request.send(null);

	// 方式二
	var xhr = new XMLHttpRequest();
	xhr.open('GET', 'http://127.0.0.1:19196/OpenDevice', true);
	// xhr.withCredentials = true; // 如果需要的话
	
	xhr.onreadystatechange = function() {
	    if (xhr.readyState === 4 && xhr.status === 200) {
	        console.log(JSON.parse(xhr.responseText));
	    }
	};
	
	xhr.send();