Question

我正在编写一个Web应用程序，它通过AJAX调用加载不同的页面元素。我希望能够在加载来自AJAX调用的某个元素时触发onload事件，但我拥有的所有元素都是DIV并且无法触发此类事件。我可以在HTML文件中添加什么来触发onload事件吗？

Answer 1

如果你正在使用jQuery，你可以监听ready()事件（在加载的页面中），在页面（或加载的元素）被完全加载后运行脚本：

您加载的页面：

$(document).ready(function(){
    // Action to perform when page (or loaded element) is completly loaded
    });

它可能会对你有所帮助：

$("button").click(function(){
  $.ajax({
      url:"file_to_load.html",
      success:function(result,status,xhr) {
      alert("Ajax request: " + xhr.status + " " + xhr.statusText);
      $("#container").html(result);
      }
  });
});

success参数在请求成功时执行函数。

您最需要的参数是result，其中包含从服务器返回的数据。

这将提醒＆＃34; Ajax请求：200 OK＆＃34; 然后将 file_to_load.html 的内容写入{ {1}}。

参考文献：

#container - https://api.jquery.com/ready/
ready() - https://api.jquery.com/jquery.ajax/

HTML元素上的事件侦听器

1 个答案: