ajax流程与fetch

最新推荐文章于 2025-06-11 03:27:46 发布

转载最新推荐文章于 2025-06-11 03:27:46 发布 · 116 阅读

使用过程中的困惑专栏收录该内容

31 篇文章

订阅专栏

本文深入探讨了原生Ajax的实现方式，包括不同浏览器的兼容性处理，以及使用XMLHttpRequest对象发送GET请求并接收JSON响应的具体代码。同时对比了jQuery的Ajax简化方法，为开发者提供了实用的代码示例。

原生 ajax

	var xhr;
	if (window.XMLHttpRequest){
	    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
	    xhr = new XMLHttpRequest();
	} else {
	    // IE6, IE5 浏览器执行代码
	    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	xhr.open('GET', url);
	xhr.responseType = 'json';
	
	xhr.onload = function() {
	  console.log(xhr.response);
	};
	
	xhr.onerror = function() {
	  console.log("Oops, error");
	};
	
	xhr.send();