在php和javascript之间共享变量

Question

以下是我的工作：

1. 包含两个iframe

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

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

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

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

Answer 1

使用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);
}

Answer 2

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

document.getElementById('id_of_textbox').value;

或者，如果要访问iframe中的HTML元素，则可能需要执行以下操作：

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