等待ultil-ajax.html成功加载对象

Wait ultil ajax .html successfull load object

本文关键字:加载 对象 成功 html ultil-ajax 等待      更新时间:2023-09-26

如何等到.html完成加载后再启动其他查询?

这是我的代码

a href

<a class='smsnoti' href='http://someurl.com'>Notify</a>

javascript

$('.smsnoti').bind('click', function(e) { 
    var url = $(this).attr('href');
    $("div#container").html('<object data="'+url+'">'); // i want to wait untill this load complete
    e.preventDefault(); // stop the browser from following the link
    $("#flash").fadeIn(400).html('<center><div class="alert alert-success" role="alert">SMS Sent!</div></img></center>').fadeOut(4000); //want to show this after the .html complete
});

您可以尝试以这种方式链接.promise().done()方法:

$('.smsnoti').bind('click', function (e) {
    var url = $(this).attr('href');
    $("div#container").html('<object data="' + url + '">').promise().done(function () {
        $("#flash").fadeIn(400).html('<center><div class="alert alert-success" role="alert">SMS Sent!</div></img></center>').fadeOut(4000);
    });
    e.preventDefault();
});