jQuery load() 方法用于加载某个元素时执行的事件方法，我们也可以用它加载外部json数据，它在jQuery 1.8 版本中被弃用。

注意:在某些浏览器上，如果图像被缓存，加载事件不会触发。

语法

$(selector).load(function)

参数

参数说明
function是必不可少的参数。它会在指定元素加载完成后自行执行。

例子

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $("img").load(function(){
        alert("图片加载完成");
    });
});
</script>
</head>
<body>
<img src="/static/default/yxjc/jquery/good-morning.jpg" alt="早上好">
<p><b>注意:</b> 在某些浏览器上，如果图像被缓存，load()事件不会触发。</p>
</body>

</html>

上面的例子运行完成后，会弹出一个提示框。

再看一个加载远程url json数据的例子：

$("button").click(function(){
  $("#div1").load("data.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("外部内容加载成功！");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });
});