Question

我有一个第一页“main.php”，其中一个按钮打开一个弹出式“pop.php”，其中包含一个表单，我可以检查不同的选项。选择不同的选项并按“ok”后，是否可以使用js或jquery将“pop.php”表单的结果传递给“main.php”中的字段而不重新加载？谢谢你的回答！

Answer 1

是的。使用JavaScript可以，使用jQuery更容易。

pop.php

上的jQuery

<script>    
jQuery(function($){
    // when your popup form submits this will be called
    $('form').submit(function(event){
        // this stops the form from submitting
        event.preventDefault();
        // this sends the form data to a JS function on main.php
        window.parent.popup_data_process($(this).serialize());
        // this closes this window because we don't need it anymore
        window.close();
    });
});  
</script>

JS main.php

<script>
// this function is the receiver which will process your form data
function popup_data_process(serializedData)
{
    // this displays the data to your console
    console.log(serializedData);
}
</script>

Answer 2

您可以使用window.parent属性访问父窗口。并调用您希望的任何全局级函数

var popUp = window.open("pop.php");

在pop.php里面

if(!!window.parent){
  window.parent.someFunction(dataToPadd);
}

使用js或jquery将变量从页面传递到已打开的页面

2 个答案: