使用PHP显示浏览器窗口宽度

Question

我希望我的PHP脚本能够访问浏览器窗口的宽度。 我一直在阅读这篇文章，PHP本身无法访问这些信息，但Javascript / jQuery可以，然后可以使用AJAX将其传递给服务器，因此PHP可以实现它。

在线解决了几个问题后，我编写了以下测试文件，称之为“test.php”

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
</head>

<?php
if (!isset($_POST["window_width"])) {
?>

<script type="text/javascript">
    var window_width = $(window).width();
    $.ajax({
        type: "POST",
        data: "window_width="+window_width,
    });
</script>   

<?php
}

if(!isset($_POST["window_width"])) {
    echo "not set";
}

?>
</html>

加载test.php显示“未设置”，表明PHP没有获取window_width变量。 这对我来说似乎很奇怪，因为Firebug显示变量存在（在我的计算机上设置为1366，因为这是我的浏览器的宽度）。

如何确保设置$ _POST [“window_width”]以便我可以使用PHP访问它？

Answer 1

描述

我不明白你的目标是什么，但看起来你忘了等到DOM准备好了。

样品

$(function() {
   var window_width = $(window).width();
   $.ajax({
       type: "POST",
       data: "window_width="+window_width,
   });
});

Answer 2

您的服务器端代码不会暂停处理以等待JavaScript运行。 您在这里处理两个单独的HTTP请求。

浏览器请求HTML文档
由于没有为该请求设置$_POST['window_width'] 。 PHP返回包含该脚本的HTML文档。 由于$_POST['window_width'] 仍然没有为该请求设置，因此它也没有设置回声。
浏览器接收HTTP响应并解析它。 作为此过程的一部分，它运行JavaScript。
JavaScript发出POST请求...默认情况下jQuery发送请求的地方，因为你没有包含URI（一个非常快速的测试建议是当前的URI）。
对于此请求， $_POST["window_width"]已设置并包含在返回给JavaScript的文档中。
由于JavaScript没有success处理程序（或HTTP请求返回时运行的任何其他代码），因此浏览器不会对该文档执行任何操作。

Ajax是一种简单的说法“用JavaScript与网络服务器对话”。 它不会阻止HTTP成为无状态请求 - 响应协议。

你还没有说明你的用例来获取窗口宽度（页面加载后可以改变），因此很难为你遇到的任何问题提出一个很好的解决方案。 （您似乎已经问过XY问题）。

想知道窗口宽度的两个常见原因是：

统计信息 - 在这种情况下，您可以只使用PHP处理数据，而不必担心将其呈现给客户端
更改布局 - 通常使用CSS媒体查询可以更好地实现

Answer 3

在这种情况下，我不认为你需要使用ajax，'outer'（？）页面需要接收数据，而不是'内部'ajax请求。

<?php session_start(); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>  
</head>

<?php
if (!isset($_POST["window_width"]) && !isset($_SESSION['window_width'])) {
?>
<body>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" id="window_width_form" style="display:none;">
<input name="window_width" id="window_width" value="" />
</form>
<script type="text/javascript">
    $(function(){
        $('#window_width').val($(window).width());
        $('#window_width_form').submit();
    });
</script>   
</body>
<?php
}
elseif (isset($_POST['window_width']) && !isset($_SESSION['window_width']))
{
    $_SESSION['window_width'] = $_POST['window_width'];
    exit(header("Location: {$_SERVER['PHP_SELF']}\r\n"));
}

if(!isset($_POST["window_width"]) && !isset($_SESSION['window_width'])) {
    echo "not set";
}

?>
</html>

Answer 4

尝试

$.ajax({
        url : "your url goes here"
        type: "POST",
        data: {"window_width":window_width}
    });

使用PHP显示浏览器窗口宽度

问题描述

4 个解决方案

解决方案1
3 2012-04-18 15:34:07

描述

样品

解决方案2
3 2012-04-18 15:36:07

解决方案3
2 已采纳 2012-04-18 15:38:47

解决方案4
1 2012-04-18 15:34:35

使用PHP显示浏览器窗口宽度

问题描述

4 个解决方案

解决方案1 3 2012-04-18 15:34:07

描述

样品

解决方案2 3 2012-04-18 15:36:07

解决方案3 2 已采纳 2012-04-18 15:38:47

解决方案4 1 2012-04-18 15:34:35

解决方案1
3 2012-04-18 15:34:07

解决方案2
3 2012-04-18 15:36:07

解决方案3
2 已采纳 2012-04-18 15:38:47

解决方案4
1 2012-04-18 15:34:35