jquery.load()是什么的简写?

时间:2011-01-10 14:43:51

标签: jquery conventions

我一直在查看jQuery文档,它表明.loadshorthand method,但没有解释该函数是什么。

例如,.get(url, [data], [callback(data, textStatus, XMLHttpRequest)], [dataType])是:

的简写
 $.ajax({
   url: url,
   data: data,
   success: success,
   dataType: dataType
 });

这在文档中有完整的解释,但.load()做了一些不同的事情,它似乎只是.get.getJSON,{{1}的约定的异常值。 },和.getScript类似于上面的例子。

究竟是什么.load的缩写?

3 个答案:

答案 0 :(得分:4)

$('#result').load('ajax/test.html', function(data, textStatus, xhr) {
  alert('Load was performed.');
});

的简写
if($('#result').length) {
  $.get('ajax/test.html', {}, function(data, textStatus, xhr) {
    if(textStatus=="success" || textStatus=="notmodified") {
      $('#result').html(data);
    }
    alert('Load was performed.');
  });
}

您可以通过检查源代码来查看.load()的确切内容:http://code.jquery.com/jquery-latest.js(它位于第5585行附近)。

注意: 您可以在网址后传递选择器(您必须按空格分隔)。如果这样做,并非所有响应都将插入到您的文档中,而只会插入此选择器选择的目标文档部分。

答案 1 :(得分:1)

.load()采用.get()方法,并通过使用成功的AJAX请求的内容自动填充指定的DOM集合而更进一步。

基本上,不是写这个:

$.get(url, function(data, ts, xhr) {
   $("#someElement").html(data);
});

你可以这样写:

$("#someElement").load(url);

答案 2 :(得分:0)

  

这种方法是最简单的方法   从服务器获取数据。它是   大致相当于$ .get(url,data,   成功)除了它是一种方法   而不是全球功能,它有   隐式回调函数。当一个   检测到成功的反应(即   当textStatus是“成功”或   “notmodified”),. load()设置HTML   匹配元素的内容   返回数据。

来自manual