jQuery ajax_load



jQuery load() 方法

jQuery load() 方法是简单的,但也是强大的AJAX方法。

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

语法:

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

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

可选的参数指定一个key/value查询字符串集合,使用请求发送给服务器。

可选的callback参数要经过load()方法完成后,执行的一个函数名称。

下面是我们示例文件的内容: "demo_test.txt":

<h2>jQuery and AJAX is FUN!!!</h2>
<p id="p1">This is some text in a paragraph.</p>

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

$("#div1").load("demo_test.txt");

让我试试

还可以添加jQuery选择器的URL参数.

下面的示例加载元素id="p1"的内容,在文件 "demo_test.txt"里面, 到指定的 <div> 元素:

$("#div1").load("demo_test.txt #p1");

让我试试

The optional callback parameter specifies a callback function to run when the load() method is completed. The callback function can have different parameters:

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

  • responseTxt - 如果调用成功,则包含生成的内容
  • statusTxt - 包含调用的状态
  • xhr - 包含XMLHttpRequest对象

下面的示例到右 load() 方法完成后,显示一个警告对话框. 如果load() 方法已成功, 它显示 "External content loaded successfully!",如果它失败,它会显示一条错误信息:

$("button").click(function(){
    $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
    });
});

让我试试