如何检查AJAX提取的HTML何时被完全解析?

时间:2014-06-03 19:44:53

标签: javascript jquery html ajax animation

我有一个网站,我用AJAX(和jQuery)获取额外的HTML。我使用jQuery.parseHTML()解析此HTML,并使用函数append()将解析后的HTML添加到我的网站中。我还使用animations来显示新内容。

现在,当解析的HTML很大时,我会遇到一些显示问题。当我重新加载同一个站点时,一切都很好(可能是因为HTML被浏览器缓存)。所以我认为问题可能是HTML没有被浏览器完全解析和预呈现。当获取的HTML被完全解析并准备好渲染时,我该如何检查? (注意:我附加了新的HTML,用户无法直接看到它。只是动画会将新内容滑入)。

函数ready()似乎不起作用。谢谢你的回复!

1 个答案:

答案 0 :(得分:0)

使用ajax,您可以附加.success或.done,请参阅http://api.jquery.com/jquery.ajax/

$.ajax({
url: "http://fiddle.jshell.net/favicon.png",
beforeSend: function( xhr ) {
xhr.overrideMimeType( "text/plain; charset=x-user-defined" );
}
})
.done(function( data ) {
if ( console && console.log ) {
console.log( "Sample of data:", data.slice( 0, 100 ) );
}
});

完成(函数(数据){}将包含所有数据,您可以使用它完成所需的操作。一旦完成加载就会调用它