<!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>
Ajax:GET请求
猜你喜欢
转载自blog.csdn.net/weixin_45631296/article/details/115395112
今日推荐
周排行