教程目录

$.ajax() 方法

2021年11月01日更新

使用 $.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 事件

$.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>

已添加到喜欢了