从 JavaScript 弹出窗口传递 PHP 页面的值

Question

我有一个用 JavaScript 编写的弹出按钮。当用户单击该按钮时，它会打开一个 PHP 弹出窗口。单击时，我想通过 GET 或 POST 方法将值传递到该 PHP 页面，这是我的弹出按钮代码：

<form input type="BUTTON" value="popup button" onClick="javascript:popup('actionpage.php')">
</form>

<SCRIPT LANGUAGE="JavaScript">    
function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=880,height=300');");
}

</script>

这里，当用户单击“弹出按钮”时，我想将值传递到 actionpage.php。谢谢和问候，

Answer 1

onClick="javascript:popup('actionpage.php?foo=bar')"

Answer 2

function popup(URL) {
day = new Date();
**URL=URL+"?foo=bar&foo2=bar2";**
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=880,height=300');");
}

Answer 3

您可以使用以下代码发送数据：

var http = new XMLHttpRequest();
http.open("POST", 'path/to/php', true);
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");
http.send(params);

Answer 4

希望这会对您有所帮助。

<form>
<input type="BUTTON" value="popup button" onClick="javascript:popup('array.php')">
</form>

<SCRIPT LANGUAGE="JavaScript">    
function popup(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL + '?id=' + id , '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=880,height=300');");
}

</script>

在PHP页面中只需使用$_GET['id']即可获取ID。

<?php
$id = $_GET['id'];
?>

Answer 5

您可以在查询字符串上传递参数并在 PHP 页面的服务器端处理它们。

另请注意，使用 eval() 是不必要的，并且通常不受欢迎，并且您的 FORM/INPUT 标记格式错误。我相信我已经在下面的示例中纠正了它。

<form>
    <input type="button" value="popup button" onclick="popup('actionpage.php')" />
</form>

<script>    

function popup(URL) {

    var day = new Date();
    var id = day.getTime();

    window.open(
        URL + "?id=" + id, 
        'toolbar=0, 
         scrollbars=0,
         location=0,
         statusbar=0,
         menubar=0,
         resizable=0,
         width=880,
         height=300'
    );
}

</script>