jQuery - 重新加载表

时间:2009-05-20 13:04:43

标签: php jquery dynamic reload

我正在尝试重新加载一个也是由PHP生成的表。

该表格的ID为:#bookmarks

用户按下按钮后,表格应重新加载内容+刚刚添加的数据。我有点困惑,因为我不知道如何从PHP结果中发送所有数据。

6 个答案:

答案 0 :(得分:4)

这假设您的PHP返回表格的即用型HTML代码:

$("#update_button").click(function(){
    $("#mytable").load("/tools/getTable.php")
})
在您的网页中,您需要一个像这样的DIV占位符:

<div id="mytable"></div>

并且你的getTable.php需要像这样回显html:

<table>
  <tr>
    <td>col1<td>
    <td>col2<td>
  <tr>
</table>

答案 1 :(得分:1)

以点的形式:

  • 通过AJAX请求将用户的数据提交回PHP页面。 (查看jQuery Form插件)
  • PHP页面应接受并验证数据,将其插入数据库,然后以某种格式将响应发送回页面(我推荐JSON,使用php函数json_encode
    • 响应应该是“已拒绝”或“已接受”,用户的数据会返回给他们,并根据您自己的系统要求进行清理。
  • 然后在AJAX成功回调方法中,使用jQuery将数据附加到表中,或者给他们一条消息,说明它被拒绝的原因。

答案 2 :(得分:0)

表格是用这个生成的:

<table id="bookmarks">
        <thead>
            <tr class="table-top">
                <th>Thumbnail</th>
                <th>Title/Description</th>
                <th>Tags</th>
                <th>Action</th>
            </tr>
        </thead>
        <?php
        $hID = userToID($_SESSION['username']);
        $hQuery = mysql_query("SELECT * FROM linkz WHERE userid='$hID'") or die(mysql_error());
        while($hRow = mysql_fetch_array($hQuery)) {
            echo "<tr class='link'><td><img src='http://www.thumbshots.de/cgi-bin/show.cgi?url=".$hRow["location"]."' /></td><td><a href='share/".$hRow['shareid']."'>".$hRow["title"]."</a> - <i>". $hRow["description"]."</i><br /><b>Share Link:</b> http://www.linkbase.us/share/".$hRow['shareid']."</td><td>".$hRow['tags']."</td><td><a href='#' id='".$hRow['shareid']."' class='delbutton'>Delete</a></td></tr>";
        }
    ?>
    </table>

答案 3 :(得分:0)

有关使用jQuery的特定帮助,请查看jEditable插件,该插件旨在提供编辑数据的功能。还有关于如何收集数据并保存数据的说明。

答案 4 :(得分:0)

您首先需要了解AJAX的基础知识。

在开始跑步之前,你需要学习如何走路。

搜索有关Ajax,PHP和&amp; Sons的一些教程。 Ajax的

Herehere以2开头

答案 5 :(得分:0)

当用户按下按钮时,您应该调用用于加载表的代码。 数据可能是从头开始的数据+用户添加的数据。或者,可能会从服务器重新检索数据,具体取决于应用程序的工作方式。

更多信息可能会让事情变得清晰,因此我们可以提供更具体的答案。