jquery的load()方法 - 好程序员

当前位置：首页 / 技术干货 / 正文

jquery的load()方法

2023-04-07

加载 html 内容 jquery 方法

　　在 jQuery 中，方法是用来从服务器加载数据并把返回的 HTML 放置到指定的元素中的方法。

　　具体的语法如下：

　　$(selector).load(url, data, callback);

　　参数说明：

　　selector：要加载内容的元素选择器，可以是任何有效的 CSS 选择器。

　　url：要加载的 HTML 页面的 URL 地址。

　　data：可选参数，要发送到服务器的数据。

　　callback：可选参数，在加载完成后执行的回调函数。

　　load()方法可以加载任何的 HTML 页面，包括完整的 HTML 文档、HTML 片段或者服务器返回的任何数据类型。

　　当使用方法时，jQuery 会自动将返回的数据插入到指定的元素中，替换原来的内容。

　　以下是一个简单的例子：

<!DOCTYPE html>
<html>
<head>
<title>jQuery load() 方法</title>
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("demo_test.txt");
});
});
</script>
</head>
<body>
<div id="div1"><h2>使用 jQuery AJAX 修改文本内容</h2></div>
<button>获取外部内容</button>
</body>
</html>