使用ID更新數據表上的行

Question

我在一個網頁上顯示的oracle數據庫中有一個表。 我使用bootstrap來設置我的頁面和dataTables的樣式以進行分頁和搜索以及排序。 我想使用唯一ID列（BID）隨時更新任何特定行，因此我使用foreach循環在每行旁邊添加了更新鏈接。

我現在的問題是獲得構建該功能以制作更新鏈接的邏輯。 我想要：

1. 找到一種方法來了解用戶單擊要更新的行，並使用該ID將該記錄/行檢索到表單以進行更新。

   挑戰：我使用循環填充表格，我想不出一種方法將每個行ID鏈接到更新鏈接。 我嘗試使用ID填充數組，但是如何將更新鏈接連接到用於檢索的ID。

我使用的是HTML和PHP以及一些簡單的javascript。 我不擅長javascript，也對ajax知之甚少。 我還沒有學習它們，但我知道它們最適合用於這些事情。 也許，我沒有使用最好的方法，所以如果有人能幫助我在我的范圍內找到更好的方法。 在下面找到我的代碼。

<table class="table table-striped" id="scriptstable">

<thead>
  <tr>
        <th>Update</th><!--This is where update links are-->
        <th>Place</th>
        <th>Report Name</th>
        <th>Index</th>
        <th>Source</th>
        <th>Core Field</th>
        <th>Description</th>
    <th>ID</th>
  </tr>
</thead>

<?php
//Connection string is here


$stid = oci_parse($conn, 'SELECT * FROM mytable ORDER BY REPORT_NAME');
oci_execute($stid);
echo "<tbody>";

while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) 
{
  echo "<tr>";
   echo "    <td><a  data-toggle='modal' data-target='#myModal' href='#' >Update</a>"; 
  foreach ($row as $item) {
    echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES) :    "&nbsp;") . "</td>";


} $bid[]=$row['BID'];//Array that stores ID as they come
echo "</tr>";

}

?>
</tbody>
</table>

更新：

$ajaxAction = $_REQUEST['ajaxaction'];
if (!method_exists('ajaxHandler', $ajaxAction)) {
die("No such action {$ajaxAction}");
}

$handler = new ajaxHandler();
$handler->$ajaxAction();

class ajaxHandler
{ 



function __construct()
{
//just an empty constructor
}

function updateRow()
    {   


    //Connection
 $conn = oci_connect('username', 'password',  'localhost/XE', 'WE8MSWIN1252');
if (!$conn) {
$e = oci_error();
trigger_error(htmlentities($e['message'], ENT_QUOTES), E_USER_ERROR);
 }
    $BID = $_REQUEST['BID'];
    $stid = oci_parse($conn, 'SELECT * FROM Bo_repository WHERE BID =     {$BID}');
    oci_execute($stid);
    $row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS);
     // echo "    <td><a id='{$row['BID']}' data-toggle='modal' data-target='#myModal' href='#' onclick='updateRow(this)'>Update</a></td>";  
    echo "    <td><a id='{$row['BID']}'  href='#' onclick='updateRow(this)'>Update</a></td>"; 
    //header("Location:index.php");
    foreach ($row as $item) {
        echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES) : "&nbsp;") . "</td>";
    }
}
 }
 ?>

Answer 1

當您在表中發出行時，您可以將id分配給表行...我通常使用行或其他內容進行連接...並將id作為標記的id包含在內。 然后，您可以使用onclick使用ajax調用javascript函數來動態更新表行，例如

while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) 
{
   echo "<tr id='row_{$row['BID']}'>";
   echo "    <td><a id='{$row['BID']}' data-toggle='modal' data-target='#myModal' href='#' onclick='updateRow(this)'>Update</a></td>";  
   foreach ($row as $item) {
       echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES) : "&nbsp;") . "</td>";
   }
   $bid[]=$row['BID'];//not sure this is really needed anymore
   echo "</tr>";
}

updateRow函數將是這樣的...當然在腳本標記中...

 function updateRow(element) {
    var id = jQuery(element).prop('id');
    var url = 'your_back_end.php_file_that_handles_Ajax';//e.g. AjaxHandler.php

    var postArg = {};
    postArg['BID'] = id;
    postArg['ajaxaction'] = 'updateRow';

    jQuery.ajax({
        url:      url,
        type:     "post",
        data:     postArg,
        success:  function (response) {
            jQuery('#row_' + id).html(response);
        },
        error: function(response){
            console.log(response);
        }
    });
 }

你的后端文件非常簡單......我創建了一個名為AjaxHandler的類，並將所有ajax調用傳遞給類，以便進行我需要做的任何處理...

你的文件可能就像這個例子......

AjaxHandler.php

<?
$ajaxAction = $_REQUEST['ajaxaction'];
if (!method_exists('ajaxHandler', $ajaxAction)) {
    die("No such action {$ajaxAction}");
}

$handler = new ajaxHandler();
$handler->$ajaxAction();

class ajaxHandler
{ 

    function __construct()
    {
    //just an empty constructor
    }

    function updateRow()
    {
        $BID = $_REQUEST['BID'];
        $stid = oci_parse($conn, 'SELECT * FROM mytable WHERE BID = {$BID}');
        oci_execute($stid);
        $row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS);
        echo "    <td><a id='{$row['BID']}' data-toggle='modal' data-target='#myModal' href='#' onclick='updateRow(this)'>Update</a></td>";  
        foreach ($row as $item) {
            echo "    <td>" . ($item !== null ? htmlentities($item, ENT_QUOTES) : "&nbsp;") . "</td>";
        }
    }
}

這是一個使用php和ajax的非常基本的異步動態更新...希望這有助於......