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

发布于 2024-10-11 13:43:06 字数 633 浏览 6 评论 0原文

我一直在查看 jQuery 文档,它表明 .load简写方法,但没有解释该函数是什么。

例如, .get(url, [data], [callback(data, textStatus, XMLHttpRequest)], [dataType]) 是以下内容的简写:

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

文档中对此进行了充分解释,但是 .load () 做了一些不同的事情,它似乎只是 .get.getJSON.getScript.get 约定的异常值.post 与上面的例子类似。

.load 简写到底是什么?

I've been looking over the jQuery docs and it indicates that .load is a shorthand method, but doesn't explain what that function is.

For example, .get(url, [data], [callback(data, textStatus, XMLHttpRequest)], [dataType]) is shorthand for:

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

And this is fully explained in the documentation, but .load() does something somewhat different and it simply seems to be an outlier of the convention of the .get, .getJSON, .getScript, and .post which are similar to the above example.

What exactly is .load shorthand for?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

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

您可以通过检查源代码来了解 .load() 的具体作用

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

http:// code.jquery.com/jquery-latest.js (大约在第 5585 行)。

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

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

is shorthand for

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

You can see what exactly .load() does by inspecting source code here: http://code.jquery.com/jquery-latest.js (It's around line 5585).

Note:
You can pass selector after your url (you have to separate it by space). If you do that not all of the response will be inserted in your document but rather only the part of target document selected by this selector.

不气馁 2024-10-18 13:43:06

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

基本上,

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

你可以这样写:

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

.load() takes the .get() method and goes one step further by automatically populating a specified DOM collection with the content of a successful AJAX request.

Basically, instead of writing this:

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

You can just write this:

$("#someElement").load(url);
﹏半生如梦愿梦如真 2024-10-18 13:43:06

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

来自手册

This method is the simplest way to
fetch data from the server. It is
roughly equivalent to $.get(url, data,
success) except that it is a method
rather than global function and it has
an implicit callback function. When a
successful response is detected (i.e.
when textStatus is "success" or
"notmodified"), .load() sets the HTML
contents of the matched element to the
returned data.

From the manual.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文