Javascript load（）回调函数

我试图通过AJAX调用加载一些内容，加载内容后，执行另一个操作。在我的示例中，后一个操作只是一个警报，但在我的实际示例中，我试图将重点放在输入字段上

$("#box").load("/favicon.png", function(response) {
     alert('do after the load');
});

---

正如您在小提琴中看到的，警报在favicon实际加载之前发出。该函数不应该在加载内容后启动吗？

下面是一个在图像上使用

load

的示例。不确定在div上加载的

是什么

图像
src
属性更改且图像成功加载时，将触发
load
方法（注意，如果失败，则不会执行）


加载事件在元素和所有子元素完全加载后发送给元素。此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象


$（函数（）{
$（'img'）.load（函数（）{
警报（“加载后完成”）；
}).attr（'src'，'/favicon.ico'）；
});
下面是一个在图像上使用
加载的示例。不确定在div上加载的
是什么

图像
src
属性更改且图像成功加载时，将触发
load
方法（注意，如果失败，则不会执行）


加载事件在元素和所有子元素完全加载后发送给元素。此事件可以发送到与URL关联的任何元素：图像、脚本、帧、iFrame和窗口对象


$（函数（）{
$（'img'）.load（函数（）{
警报（“加载后完成”）；
}).attr（'src'，'/favicon.ico'）；
});

在http响应时执行
.load（）
上的回调，而不是在客户端呈现映像时。
在http响应时执行
.load（）
上的回调，而不是在客户端呈现映像时。
警报和类似的操作系统弹出窗口设计不佳，因为它们具有侵入性和阻塞性，除非执行特定的用户操作，否则页面代码执行将不会继续。尽可能使用一些自定义解决方案。因此，在您的情况下，最好使用
console.log（'do after the load'）用于测试目的。您可以将函数包装在或中，从而使其可与
.then（function（）{}）
和其他函数链接。承诺将在JavaScript代码解析时解析，这可能不是图像显示在屏幕上的确切时间。
警报
和类似的操作系统弹出窗口设计不佳，因为它们具有侵入性和阻塞性，除非执行特定的用户操作，否则页面代码将无法继续执行。尽可能使用一些自定义解决方案。因此，在您的情况下，最好使用
console.log（'do after the load'）用于测试目的。您可以将函数包装在或中，从而使其可与
.then（function（）{}）
和其他函数链接。承诺将在JavaScript代码解析时解析，这可能不是图像显示在屏幕上的确切时间。明白了。我想我应该在这里使用$.ajax（）。如果我将其切换到$.ajax（）并将事件（在本例中为警报）作为ajax（）请求的成功，我还需要实现承诺吗？明白了。我想我应该在这里使用$.ajax（）。如果我将其切换到$.ajax（）并将事件（在本例中为警报）作为ajax（）请求的成功，是否仍然需要实现承诺？