load() 方法有什么用?

load()方法是 jQuery 中最简单的 Ajax 方法,它能载入远程 HTML 代码并插入到 DOM 中。

load() 方法的格式

load(url [, data] [, callback])
参数名称 类型 说明
url String 请求 HTML 页面的 URL 地址
data(可选) Object 发送至服务器的 key/value 数据
callback(可选) Function 回调函数,无论请求成功或失败

load() 方法示例

<html>
<head>
    <title>example</title>
    <meta charset="utf-8"/>
</head>
<body>
<div class="result"></div>
<button>点我</button>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script>
    $(function () {
        $("button").click(function () {
            $(".result").load("https://clwy.cn");
        });
    });
</script>
</body>
</html>

已添加到喜欢了