Question

是否可以在一个页面上发出ajax请求，并在另一个加载的页面上显示响应？我看到类似的东西，但页面需要加载响应，但我的页面已经加载。有办法吗？我试过这样的事情：

$('#videoSRC').click(function(e){

        var url = $('#video_url').val();
        $.ajax({
            url:'server.php',
            type:'GET',
            data:{url:url},
            success: function(){

                $('#container').append('success!');
            }

        });

    });

但是没有用按钮＆＃34;＃videoSRC＆＃34;在第一个html页面和＆＃34;＃container＆＃34; div在另一个加载的html页面上。这是一种方法吗？

Answer 1

答案是否定的，因为一旦你执行了：

window.location.href = "index.html";

其他任何东西都不会执行。即使行：

$('#container').append('success!');

执行（可能是因为对其他页面收费延迟），然后它仍然在第一页上下文中。

如果你想这样做，你需要在cookie或localStorage中保存一些数据，然后在＆＃34; index.html＆＃34;加载以执行该行：

$('#container').append('success!');

这样的事情： 第一页

$('#videoSRC').click(function(e){

    var url = $('#video_url').val();
    $.ajax({
        url:'server.php',
        type:'GET',
        data:{url:url},
        success: function(){
            localStorage.success = true;
            window.location.href = "index.html";
        }

    });

});

第二页

$(document).ready(function() {
   if(localStorage.success) {
      $('#container').append('success!');
   }
});

Answer 2

如果您需要在已加载的页面上显示其他信息，则需要使用localstorage

像

if (typeof(Storage) !== "undefined") {
  //if supports
localStorage.setItem("lastname", "Smith");
} else {
// Sorry! No Web Storage support..
 }

然后在另一页上检索为

localStorage.getItem("lastname")

另一个加载页面上的ajax响应

2 个答案: