jquery – 打开一个新的弹出窗口并向其发布数据

前端之家收集整理的这篇文章主要介绍了jquery – 打开一个新的弹出窗口并向其发布数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jQuery打开一个弹出窗口,我想在打开时使用post方法发送数据.任何人都可以帮助我,提前谢谢.

我目前正在使用get方法传递数据,因此数据是url中的一部分,但我不希望数据在url中可见.

function openWindow(){

    var name = $('#name').val();

    var url = 'popup_window.PHP?name='+name;
    window.open(
        url,'popUpWindow','height=400,\
         width=650,\
         left=300,\
         top=100,\
         resizable=yes,\
         scrollbars=yes,\
         toolbar=yes,\
         menubar=no,\
         location=no,\
         directories=no,\
         status=yes');
}

解决方法

这是基于 How to open popup and populate it with data from parent window?的答案
var newpage;
function openWindow() {
    $.post('popup_window.PHP',{name: $('#name').val()},function(result) {
        newpage = result;
        window.open('Popup.html',width=650,left=300,top=100,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');
    });
}

Popup.html应该包含:

<script type="text/javascript">
    if(window.opener && !window.opener.closed) {
        document.write(window.opener.newpage);
    }
</script>

猜你在找的jQuery相关文章