代码之家 › 专栏 › 技术社区 › Kyle Cureau

Ajax回调后的setTimeout替代方法

settimeout ajax jquery javascript

Kyle Cureau · 技术社区 · 14 年前

我发现自己经常这样做:

window.onload = function(){

   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);

       setTimeout("javaScriptClass.init()", 200);
   });

}

但是,设置超时看起来有点老套(200毫秒已经是普通用户注意力广度的三倍多了)。最好的选择是什么?

编辑

javascriptclass.init()通过在Ajax调用中加载的内容作用于DOM对象

1 回复 | 直到 14 年前

Nick Craver 14 年前

我想这里有一些关于负载的混淆,你可以这样做:

window.onload = function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
}

后 $('#contentHere').html(data); DOM元素将在那里随时可用。还可以看看 .load() 用于附件(如果其他 onload 处理程序可能需要附加),如下所示:

$(window).load(function(){    
   $.get("http://example.com/example.html", function(data) {
       $('#contentHere').html(data);
       javaScriptClass.init();
   });    
});

但是,除非您在等待图像,否则可以在 document.ready 处理程序和激发更快,从而获得更好的用户体验。

推荐文章

James Williams · 如何在单击按钮时刷新div内容

2 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

2 年前

Mehmet · javascript执行了多个

2 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

2 年前

Parker · 如何使表格行的单元格项加粗n秒?

3 年前

Chris J. · ajax获取查找数据属性值的请求

3 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

3 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

3 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

3 年前

Pedro F · Ajax调用后脚本运行不正常

3 年前