Ajax:GET请求 - 代码天地

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="sendGet()">发送get请求</button>
	</body>
</html>
<script type="text/javascript">
	//1.创建发送异步请求的对象
	var xmlhttp;

	xmlhttp = new XMLHttpRequest();

	//2. 打开链接发送请求
	/*
	  	                参数：
	  	                    1. 请求方式：GET、POST
	  	                        * get方式，请求参数在URL后边拼接。send方法为空参  ?键=值&键=值
	  	                        * post方式，请求参数在send方法中定义
	  	                    2. 请求的URL：
	  	                    3. 同步或异步请求：true（异步）或 false（同步）
	  	
	  	             */


	xmlhttp.open("GET", "https://autumnfish.cn/api/joke/list?num=1", true);
	//3.发送请求
	xmlhttp.send();
	//3.接收后台的响应数据

	xmlhttp.onreadystatechange = function() {
     
     
		//判断readyState就绪状态是否为4，判断status响应状态码是否为200
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
     
     
			//获取服务器的响应结果
			var responseText = xmlhttp.responseText;
			//alert(responseText);
			var obj = JSON.parse(responseText);
			alert(obj.jokes[0]);
		}
	}

	//4.解析JOSN数据进行DOM操作
</script>
猜你喜欢

目录

热门文章
