Javascript 如何知道数据或内容已加载到元素中

我有一种情况，我有许多

JavaScript

依赖项，我不知道从哪个AJAX调用

默认

提交
，其中大多数是
cdn
，并且
成功消息
加载到

这里我使用了
setTimeout（）
进行
demo
只有我
真的不知道
ajax调用
什么时候会结束

给我的提示（AJAX完成）：
内容将加载到

我的问题是如何制作
$（'#message'）.text（''当
数据加载到
中时，这里我仅对演示使用了
设置超时（）

以下是代码片段和：


$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
$（'消息'）.text（'请稍候……）；
setTimeout（函数（）{
$（'#contentLoadsHereFirst'）。text（'消息已成功发送'）；
},1500);
//我的伪代码
/*如果（$（'#contentLoadsHereFirst'）.html（）！=''）{
$（“#消息”）。文本（“”）；
}*/
});


有一个成功回调，您可以在其中隐藏加载消息

对于代码段，您可以添加一段代码，将消息隐藏在setTimeout函数中


$（“#提交”）。单击（函数（e）{
e、 预防默认值（）；
$（'消息'）.text（'请稍候……）；
setTimeout（函数（）{
$（'#contentLoadsHereFirst'）。text（'消息已成功发送'）；
如果（$（'#contentLoadsHereFirst'）.html（）！=''）{
$（“#消息”）。文本（“”）；
}
},1500);
//我的伪代码
});


请尝试以下代码格式：

$('#submit').click(function(e){
 e.preventDefault(); 
   $.ajax({
        url: 'Your Action Link',
        data: {},//additional data
        type: "POST",
        beforeSend: function () { 
          $('#message').text('Please wait......'); 
        },
       success: function (response) { 
          $('#contentLoadsHereFirst').text(response.message);
       },
      error: function (xhr, textStatus, error) { 
         console.log(error.messge);
      }
    }); 
});

jqueryajax方法有一个成功回调，您可以在其中隐藏加载消息，我正在使用一些
插件
，它在每次
提交
时都会接管
。我不知道从哪里可以使用我正在使用一些外部的
cdn
ajax请求
我不知道有多少配置选项。所以我尝试这种方法我知道这段代码，但我不知道
ajax调用
是从哪里初始化的。希望你理解，请查看链接，希望它能帮助你。