javascript - 需要将变量从 javascript 传递到 php 而无需刷新或提交

Question

我需要访问者的屏幕尺寸。所以我使用这个javascript。

<script>
var screenWidth = window.screen.width,
    screenHeight = window.screen.height;
	
	alert (screenWidth);
	
</script>
<?php
   $value = $_POST['val'];
   echo "I got your value! $value";
?>

现在，我需要在 php 代码中传递这个值，而不刷新页面，而且我也不想单击提交按钮

Answer 1

高级别:浏览器向服务器发送请求，然后服务器响应一些内容(在本例中是动态生成的 html)，然后浏览器解析该 html 并生成 DOM。然后您可以使用 javascript 针对 DOM 编写脚本。

通常，当您在浏览器中使用 JavaScript 编写脚本时，您不能仅将值传递给 PHP 而不发出新请求。

至少有两个选项可以提出该请求:

1. 如果您只想将数据发送到服务器而不刷新页面，那么您需要的是 AJAX。然后您必须对该响应执行一些操作，例如将其转储到 DOM 中。您必须在每次页面重新加载时执行此操作。

2. 您的情况的另一个选择:因为您可能希望根据用户屏幕提供不同的 html，因为在多个请求中您可以使用 javascript 设置 cookie。然后每个后续请求都将包含您可以使用 PHP 读取的 cookie。关于这项技术的好文章在这里:https://css-tricks.com/server-side-mustard-cut/