jQuery load() 方法


实例

把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素:

$("button").click(function(){
 $("#div1").load("demo_test.txt");
 });

运行一下 »

定义和用法

load() 方法从服务器加载数据,并把返回的数据放置到指定的元素中。

注意:还存在一个名为 load 的 jQuery 事件方法。调用哪个,取决于参数。

语法

$(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 请求,并通过该请求发送数据
如何使用 data 参数通过 AJAX 请求来发送数据(本实例在我们的 AJAX 教程 中解释过)。

生成 AJAX 请求,并使用回调函数
如何使用 function 参数处理来自 AJAX 请求的数据结果。

生成带有错误的 AJAX 请求
如何使用 function 参数来处理 AJAX 请求中的错误(使用 XMLHttpRequest 参数)。