php - 在 php 和 javascript 之间共享变量

Question

以下是我的工作：

1. 由两个 iframe 组成

2. 第一个表格要求输入用户名和地址，并有一个“添加”按钮。

3. 单击添加时，此信息将添加到 mysql 数据库，并再次显示表单，并显示您的信息已插入数据库的消息。

4. 在第二个 iframe 中有一些有趣的东西。它将在表格中显示数据库中的所有用户。在后台，一个 php 函数会定期检查是否有新用户每隔一段时间（比如 5 秒）添加到数据库中，如果在 MySQL DB 中找到任何新行（不在 HTML iframe 中的表中），它将被添加到HTML iframe 页面中的表格（可能正在使用 javascript 函数）。

我已经完成了前 3 个步骤。请帮助我进行第四步。我想使用 PHP 和 Javascript。

Answer 1

尝试创建隐藏文本框并将 php 变量值分配给该文本框，然后您可以通过执行访问该值

document.getElementById('id_of_textbox').value;

或者在您访问 iframe 中的 HTML 元素的情况下，您可能需要执行以下操作：

top.frame_name.document.getElementById('id_of_textbox').value;

Answer 2

使用 AJAX - 获取新行或所有行。只需将其写入数据库即可。

示例（使用 jQuery - 没有 JSON 驱动的数据传输）：

1、getData.php

$dbData = array(); // YOUR DB DATA HERE
$output = "";
foreach ($dbData as $row) {
   $output .= "<tr><td>{$row['name']}</td><td>{$row['email']}</td></tr>";
}
echo $output;

2a，JS代码（使用jQuery - 从数据库下载整个表）

function autoRefresh() {
   $.get('getData.php', null, function(data){
       $("#myUltimateTable tbody").html(data);
   }, 'text');
   setTimeout("autoRefresh();", 5000);
}

2b、JS 代码（使用 jQuery - 从数据库中只下载新行）

function autoRefresh() {
   $.get('getData.php', null, function(data){
       $("#myUltimateTable tbody").append(data);
   }, 'text');
   setTimeout("autoRefresh();", 5000);
}