菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery - AJAX load() 方法


jQuery load() 方法

jQuery 的 load() 方法是一个简单而强大的 AJAX 方法。

load() 方法从服务器加载数据,并将返回的数据放入选定的元素中。

语法

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

必需的 URL 参数指定要加载的 URL。

可选的 data 参数指定一组要随请求一起发送的查询字符串键/值对。

可选的 callback 参数是在 load() 方法完成执行后要调用的函数的名称。

这是我们的示例文件:“demo_test.txt”的内容:

<h2>jQuery 和 AJAX 很棒!!!</h2>
<p id="p1">这是段落中的一些文本。</p>

下面的示例将文件“demo_test.txt”的内容加载到特定的 <div> 元素中

示例

$("#div1").load("demo_test.txt");
自己动手试一试 »

也可以在 URL 参数中添加 jQuery 选择器。

下面的示例将文件“demo_test.txt”中 id 为“p1”的元素的内容加载到特定的 <div> 元素中

示例

$("#div1").load("demo_test.txt #p1");
自己动手试一试 »

可选的 callback 参数指定一个在 load() 方法完成后运行的回调函数。回调函数可以有不同的参数

  • responseTxt - 包含调用成功时的结果内容
  • statusTxt - 包含调用的状态
  • xhr - 包含 XMLHttpRequest 对象

下面的示例在 load() 方法完成后显示一个警报框。如果 load() 方法成功,它将显示“外部内容已成功加载!”;如果失败,它将显示错误消息

示例

$("button").click(function(){
  $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
    if(statusTxt == "success")
      alert("外部内容已成功加载!");
    if(statusTxt == "error")
      alert("错误: " + xhr.status + ": " + xhr.statusText);
  });
});
自己动手试一试 »

jQuery AJAX 参考

有关所有 jQuery AJAX 方法的完整概述,请访问我们的 jQuery AJAX 参考


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持