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

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

Patricia Arquette
发布: 2024-12-27 19:30:14
原创
324 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板