如何制作一个包含发布数据的弹出窗口？

Question

我想制作一个弹出窗口，但是当我弹出窗口时，我想发布一些信息，我该怎么办呢？谢谢。

Answer 1

您可以在表单的.submit处理程序中打开弹出窗口，并将表单的目标设置为弹出窗口。

$("#myForm").submit(function(e) {
    window.open('', 'popupform', 'width=400,height=400,resizeable,scrollbars');

    // target the form to the newly opened popup
    this.target = "popupform";
});

Demo.

Answer 2

只是

window.open("yoururl.php", "_blank", "width=400,height=500");

然后，在新窗口中，使用

$(function(){
    $.post('some_post_script.php', {data:'here'}, function(){
       alert('post sent');
    });
});

Answer 3

如果您想通过表单执行此操作，可以使用Form2Pop script by Peter Bailey。

将此javascript添加到您的页面

<script type="text/javascript">

/*
Form2Pop Script- By Peter Bailey (http://www.peterbailey.net)
Featured on JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
*/

function createTarget(t){
window.open("", t, "width=600,height=550");
return true;
}

</script>

然后当你创建表单时

<form action="/someurl" onsubmit="return createWebChat(this.target)" target="popupWindow">

这会将您的表单发布到/ someurl并在新窗口中打开结果。然后，您可以通过编辑window.open（）来调整弹出窗口。