AJAX从数据库加载新表

时间:2014-03-16 13:41:26

标签: javascript php jquery mysql ajax

所以我已经用php在我的页面上加载了一个表,我想这样做,当我点击一个表行时它获取ID,然后加载ID匹配的第二个表?

到目前为止,我已经使用了AJAX,我可以点击表格行,然后出现打印ID的警告,但现在我不知道从哪里开始加载第二个表格。在w3schools(here)上有一个例子,但他们使用了一个选择框

**

  

更新

**,我不确定是否正在将rowID传递给php,因为它出现了"未定义的索引:rowID"也许我在我的php文件中称错了,请参阅belove

<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
var log = jQuery("#log");

jQuery(".getRow").click(function() {
console.log("Clicked a row...");
var rowID = jQuery(this).find("td.idCell").text();

//Print the row ID in the log cell to make sure we got the right one.
log.text("You 1clicked row "+rowID);
console.log("You cl2icked row "+rowID);

//Send the row ID to ajaxupdate.php
//jQuery.post("/abac/ajaxupdate.php", { what: "updateRow", ID_ID: "rowID"})
jQuery.post("/abac/ajaxupdate.php", {rowID: "rowID"})
.done( function(data) {
var results = jQuery.parseJSON(data);
console.log(rowID);
})
.fail( function() {
console.log("AJAX POST failed.");
});
});

});
</script>
  

我更新的php文件

<?php 

     if( (isset($_POST['submit'])) || isset($_POST['rowID'])))
     {     
                $rowID = $_POST['rowID'];
                $db = JFactory::getDbo();

                $query = $db->getQuery(true);
                $query
                ->select($db->quoteName(array('CV_ID', 'Classifier', 'Value', 'TP_ID')))
                ->from($db->quoteName('sessionta'))
                ->where($db->quoteName('TP_ID') . ' LIKE '. $db->quote('985'));

                $db->setQuery($query);
                $results = $db->loadObjectList();
                //echo $Classifier;
    }
?>

连接到db for frist table

<?php
$db = JFactory::getDbo();
$query = $db->getQuery(true);
$query->select($db->quoteName(array('TP_ID', 'Data1', 'Data2')));
$query->from($db->quoteName('Table1'));
$db->setQuery($query);
$results = $db->loadObjectList();
?>

正在加载第一个表

<table border="" width="500", align="center">
<tr>
<th>TP ID</th>
<th>Data1</th>
<th>Data2</th>
</tr>

<?php foreach ($results as $row): ?>

<tr class="getRow">
<td class="idCell"><?php echo $row->TP_ID ?></td>
<td><?php echo $row->Data1 ?></td>
<td><?php echo $row->Data1 ?></td>
</tr>
<?php endforeach ?>

</table>

点击后,我想填充另一个ID为同名的表

<table border="" width="500", align="center">
<tr>
<th>TP ID</th>
<th>Class Values</th>
<th>value</th>
</tr>

<?php foreach ($results as $row): ?>

<tr >
<td><?php echo $row->TP_ID ?></td>
<td><?php echo $row->Random ?></td>
<td><?php echo $row->Random2 ?></td>
</tr>
<?php endforeach ?>

</table>

0 个答案:

没有答案