jquery - 将页面发布到 iframe 会导致弹出窗口阻止程序阻止发布操作

Question

我正在尝试从帖子中获取要加载到 Iframe 中的页面，其中 POST 变量与将要加载的页面一起发送。没有任何明确打开新窗口的内容，但我在 FF 和 Chrome 中收到弹出窗口被阻止的通知。 IE 尚未阻止 POST，但可能会在未来的更新中阻止。下面列出的是触发弹出窗口的代码。

gamePage.name = 'game_page';
setTimeout('', 100);
gamePage.onload = setTimeout("$.download(getCompletePath() +'account/SomeFile.php',  gameId='+game_Id+'&playMode=J', 'post', 'game_page')", 0);

这是 $.download 函数:

jQuery.download = function(url, data, method, target){
    //url and data options required
    if( url && data ){ 
        //data can be string of parameters or array/object
        data = typeof data == 'string' ? data : jQuery.param(data);
        //split params into form inputs
        var inputs = '';
        jQuery.each(data.split('&'), function(){ 
            var pair = this.split('=');
            inputs+='<input type="hidden" name="'+ pair[0] +'" value="'+ pair[1] +'" />'; 
        });
        //send request
        jQuery('<form action="'+ url +'" method="'+ (method||'post') +'" target="' + target +'">'+inputs+'</form>')
        .appendTo('body').submit().remove();
    };
};

目前，我们通过 GET 执行此操作，但我们会尽可能将大多数(如果不是全部)GET 请求切换为 POST。任何有关如何在发布到 iframe 时绕过弹出窗口阻止程序的帮助将不胜感激。

Answer 1

仅使用简单的 DIV，而不是 iFrame。

调用 jQuery.post() 方法，并使用 jQuery.html(/response/) 函数将响应作为 div 的innerHTML。

类似的事情:

$.post("urlToLoad.ext", { name: "John", time: "2pm" })
.success(function(data) {
    $('#yourDivID').html(data);
});