Ajax创建

最新推荐文章于 2022-11-19 20:29:01 发布

别喝我的旺仔牛奶

最新推荐文章于 2022-11-19 20:29:01 发布

阅读量86

点赞数

文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/m0_63502124/article/details/127731993

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Ajax</title>
	</head>
	<body>
	</body>
	<script>
		//  1. 创建一个对象
		var xhr = new XMLHttpRequest();
		//  2. 配置本次请求信息   xhr.open(请求方式，请求地址，是否异步)；
		xhr.open('GET', '地址', true);
		//  3.注册请求完成事件   xhr.onload = function(){}
		xhr.onload = function() {
			//如何拿到后端信息
			// 语法 : xhr.responseText
			console.log(xhr.responseText)
			console.log('请求完成')
		};
		//  4. 把请发送过去
		xhr.send();
	</script>

	<script>
		console.log('------------解析join格式的字符串-----------');
		// 1.创建对象
		var aj = new XMLHttpRequest();
		// 2. 配置本次请求的信息
		aj.open('get', '地址', true);
		// 3.注册请求完成事件
		aj.onload = Function() {
			//当后端返回的是  json字符串的时候，我们需要单独解析
			//语法 ： JSON.parse(json格式的字符串)
			//返回值 ： 解析好的 js  格式的数据
			var res = JSON.parse(aj.responseText)
			console.log(res);
		}
	</script>
</html>