首页 >后端开发 >php教程 >如何在不刷新页面的情况下将 JavaScript 变量发送到 PHP?

如何在不刷新页面的情况下将 JavaScript 变量发送到 PHP?

Patricia Arquette
Patricia Arquette原创
2024-12-27 19:30:14360浏览

How Can I Send a JavaScript Variable to PHP Without a Page Refresh?

在不刷新页面的情况下将 JavaScript 变量发送到 PHP 变量

问题:

如何将 JavaScript 变量发送到PHP 变量,特别是当单击按钮时,使用它来检索数据而不刷新页?

解决方案:

尽管 PHP 等服务器端语言和 JavaScript 等客户端语言是分开运行的,但您可以使用 AJAX 技术将 JavaScript 变量发送到 PHP。具体方法如下:

从 JavaScript 到 PHP:

  1. XMLHttpRequest 对象: 创建一个 XMLHttpRequest 对象来处理 AJAX
var xhr = new XMLHttpRequest();
  1. 事件监听器:为按钮添加事件监听器,点击时触发AJAX请求。
document.getElementById("myButton").addEventListener("click", function() {
    // Your code to send the variable
});
  1. AJAX 请求: 在事件监听器内,使用 XMLHttpRequest.open() 方法打开新连接,指定 HTTP 方法、URL 端点和异步模式。然后,使用 XMLHttpRequest.send() 发送数据。
xhr.open("POST", "myphpfile.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send("variable=" + theContents);

从 PHP 到 JavaScript:

在 PHP 服务器上,您可以访问使用 $_POST 超全局变量从 JavaScript 发送的变量变量。

$phpvariable = $_POST['variable'];

注意:您可以根据需要继续在 PHP 代码中使用 $phpvariable,例如数据库查找。

以上是如何在不刷新页面的情况下将 JavaScript 变量发送到 PHP?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn