Question

我目前在我的页面中将html页面加载到<DIV>。使用此代码

$.ajax({
        url: 'myApi.php?user=' + user + '&url='+ URL2add, 
        success: function(html) {                    
            var newHTML = "<object id='webloader' data='" + html + "'></object>";
            $("#exweb").fadeOut(500, function () {
                $("#exweb").html(newHTML).fadeIn(5000, function() {
                    alert("done");
                });
            });
        }
});

所以我想做一个检查，或者最好在页面加载更改后收到警报。它位于来自ajax调用的html后面的数据标记中。

我试过了document.getElementsByTagName

我知道必须有一种方法可以在该对象中获取新的数据信息。

我希望每次页面从ajax调用返回的内容发生变化时都会发出警报

我更新了这样的代码......

 $(document).on('contentchanged', '#exweb', function() {

        alert('WOO?');
    });

     $.ajax({
                url: 'Api.php?user=' + user + '&url='+ URL2add, 
                success: function(html) {                    
                var newHTML = "<object id='webloader' data='" + html + "'></object>";
                $("#exweb").fadeOut(50, function () {
                    $("#exweb").html(newHTML).fadeIn(50, function() {
                    $('#exweb').trigger('contentchanged');

                            });
                    });
                }     
                });

但这仅适用于初始更改

我需要知道该页面何时再次更改...如果有人点击了会在DIV中更改页面的链接或者是否是重定向页面。

我想知道在我从ajax调用

加载后，该页面会发生什么变化

不应该像在data =“”

之间获取信息那么容易

<object id="webloader" data="http://google.com"></object>

我如何找回这些信息？我试过了document.getElementsByTagName

Answer 1

你可以在ajax之后做这样的事情。

$.ajax({...}).done(function() {
alert('page loaded');
});

Answer 2

我认为您可以尝试此$("div").load("your_url.php?parameters");您要加载的页面可能包含以下<body onload="alert('Page Loaded')"> 更新： - 如果您无法访问该网页，请使用此$("div").load("your_url.php?parameters",function(){alert("Page loaded")});

Answer 3

$.ajax({/* your AJAX */}).done(function() {
  alert(/*your text*/"page loaded!");
});

通过html标签检查内部html的变化

3 个答案: