Javascript 我如何知道AJAX加载的内容何时完成图像加载?

Javascript 我如何知道AJAX加载的内容何时完成图像加载?,javascript,ajax,image,loading,Javascript,Ajax,Image,Loading,我正在从一个AJAX请求加载HTML,其中包含一些img标记 我需要知道AJAX中加载的图像何时被完全加载以调整容器的大小。 我不知道结果中有多少图像,所以我不能简单地检查.complete值 您知道此问题的解决方案吗?如果您使用jQuery,则$(窗口).load()命令可以设置在加载所有图像后调用的函数,如下所示: $(window).load( function() { // weave your magic here. } ); 如果您不使用jQuery

我正在从一个AJAX请求加载HTML,其中包含一些
img
标记

我需要知道AJAX中加载的图像何时被完全加载以调整容器的大小。 我不知道结果中有多少图像,所以我不能简单地检查
.complete


您知道此问题的解决方案吗?

如果您使用jQuery,则
$(窗口).load()
命令可以设置在加载所有图像后调用的函数,如下所示:

$(window).load(
    function() {
        // weave your magic here.
    }
);

如果您不使用jQuery,我会在需要它的一点功能时做我已经做过的事情:下载它并检查源代码,看看它是如何实现的。然后执行该操作:-)

如果使用jQuery,则
$(window).load()
命令可以设置在加载所有图像后调用的函数,如下所示:

$(window).load(
    function() {
        // weave your magic here.
    }
);

如果您不使用jQuery,我会在需要它的一点功能时做我已经做过的事情:下载它并检查源代码,看看它是如何实现的。然后执行该操作:-)

XMLHTTPrequests
具有可用于确定加载何时完成的属性。如果您直接使用JavaScript,则需要为
onreadystatechange
事件分配一个函数。每次状态更改时都会调用此函数。这些状态存储在
ReadyState
中,它们是:

  • 外行
  • 装载
  • 装载
  • 互动的
  • 完整的
  • 在函数中,检查状态是否为4,并调用其他必需的函数


    jQuery有一些事件可以告诉您某些事情何时发生

    XMLHTTPrequests
    具有可用于确定加载何时完成的属性。如果您直接使用JavaScript,则需要为
    onreadystatechange
    事件分配一个函数。每次状态更改时都会调用此函数。这些状态存储在
    ReadyState
    中,它们是:

  • 外行
  • 装载
  • 装载
  • 互动的
  • 完整的
  • 在函数中,检查状态是否为4,并调用其他必需的函数


    jQuery有一些事件可以告诉您某些事情何时发生

    好的,多亏了帕克斯,我找到了解决办法

    在ajax请求的success事件中(使用jQuery),我添加了以下代码:

    
    $('img', this).load(function() {
        resize_element(this);
    });
    

    谢谢你们两位

    好的,多亏了帕克斯,我找到了解决办法

    在ajax请求的success事件中(使用jQuery),我添加了以下代码:

    
    $('img', this).load(function() {
        resize_element(this);
    });
    

    谢谢你们两位

    ajax会在用户请求时加载图像。因此,在这之后,内容加载量会增加很多。可以在任何元素中使用.load()函数吗?也许我可以将该事件挂接到容器上。好吧,ajax会在用户请求时加载图像。因此,在这之后,内容加载量会增加很多。可以在任何元素中使用.load()函数吗?也许我可以将该事件挂接到容器上。是的,但是在加载结果ajax请求的图像时没有事件。.load()就是解决方案。无论如何,谢谢。是的,但是在加载结果ajax请求的图像时没有任何事件。.load()就是解决方案。无论如何,谢谢你。