jQuery load() 方法

实例

将文件 "demo.txt" 的内容加载到特定的 <div> 元素中:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("#div1").load("/example/ajax/demo.txt");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <div id="div1"><h2>让 jQuery AJAX 更改此文本</h2></div>
  15. <button>获取外部内容</button>
  16. </body>
  17. </html>

定义与用法

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

注意:还有一个名为 load() 的 jQuery 事件方法。根据不同的参数来决定调用哪一个。


语法

  1. $(selector).load(url,data,function(response,status,xhr))
参数描述
url必填。指定要加载的 URL
data可选。指定要随请求一起发送到服务器的数据
function(response,status,xhr)可选。指定 load() 方法完成时要运行的回调函数

额外参数:
  • response - 包含请求的结果数据
  • status - 包含请求的状态 ("success", "notmodified", "error", "timeout", 或 "parsererror")
  • xhr - 包含 XMLHttpRequest 对象

更多实例

发出 AJAX 请求,并随请求发送数据

发出 AJAX 请求并使用回调函数

发出带有错误处理的 AJAX 请求

分类导航