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

Question

我有一个首页“main.php”，其中有一个按钮打开一个弹出窗口“pop.php”，其中有一个表单，我可以在其中检查不同的选项。选择不同的选项并按“确定”后，是否可以使用 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>

main.php上的 JS

<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>