使用 $.ajax()
方法,可以替代以上所有方法
格式如下
$.ajax(options)
参数名称 | 类型 | 说明 |
---|---|---|
url | String | 发送请求的地址 |
type | String | 请求的方式 (POST/GET/PUT/DELETE) |
timeout | Number | 超时时间 (毫秒) |
data | Object 或 String | 发送到服务器的数据 |
dataType | String | xml/html/json/jsonp/text |
beforeSend | Function | 发送前执行的函数 |
complete | Function | 请求完成后调用的回调 (无论是否成功) |
success | Function | 成功后执行的回调 |
error | Function | 失败时执行的回调 |
global | Boolean | 是否触发全局 Ajax 事件 |
<html>
<head>
<title>example</title>
<meta charset="utf-8"/>
</head>
<body>
<ul class="courses"></ul>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
$(function () {
$.ajax({
type: "GET",
url: "https://clwy.cn/api/v2/home.json",
dataType: "json",
success: function (data) {
var html = '';
$.each(data.recommended_courses, function (key, value) {
html += '<li>' + value.name + '</li>';
})
$('.courses').html(html);
}
});
});
</script>
</body>
</html>
已添加到喜欢了