原生JS写出一个AJAX请求

使用JS写出一个AJAX请求

XMLHttpRequest 对象是AJAX的主要接口,用于浏览器与服务器之间的通信,可是使用多种协议,发送任何格式的数据。
XMLHttpRequest 本身是一个构造函数,可以使用 new 命令生成实例。

let request = new XMLHttpRequest();		//创建一个请求
request.open('GET','http://jack.com:8000/xxx');		//配置request
request.send();		//发送请求
request.onreadystatechange=function(){		//指定回调函数,监听通信状态(readyState属性)的变化
	if(request.readyState === 4){		//readyState表示通信状态,值为 4 时表示请求完毕,但不知道是否成功
		if(request.status >=200 && request.status <300){		// HTTP 状态码2开头的就是请求成功
			let string = request.responseText;		//把符合 JSON 语法的字符串转换为 JS 对应的值
			let object = window.JSON.parse(string);		//JSON.paser 是浏览器提供的方法
		}
	}
}

猜你喜欢

转载自blog.csdn.net/weixin_42617604/article/details/89309521
今日推荐