在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;