如何从使用javascript调用的表单更改php数据库设置

时间:2014-03-07 00:42:18

标签: javascript php html ajax forms

标题不清楚,但我已经被困了一段时间了,我无法在网上找到任何东西。

我在页面上显示了一个数据库中的表。

 $dbh = new PDO('mysql:host=localhost;dbname=projects', "root", "");
        foreach($dbh->query('SELECT * from projects WHERE creatorOfProject="'.$username.'"') as $row) {
            $projectName    = $row['ProjectName'];
            $lastEdited     = $row['lastEdited'];
            $projectId      = $row['openId'];

    echo '
                <tr id = "td">
                    <td class="index"><a href="../workspace/index.php?projectId='.$projectId.'" target="_blank">'.$projectName.'</a></td>
//here
                    <td class="index"><a href="../workspace/settings.php?projectId='.$projectId.'" ><img src = "../img/setting.png"></td>
//
                    <td class="index"><a href="../workspace/delete/delete.php?projectId='.$projectId.'"><img src = "../img/delete.png"></a></td>
                    <td class="index"><span id="lastEdited">Last Edited: '.$lastEdited.'</span></td>
                    <td class="index"><span id = "sharedOption">'.$shared.'</span></td>
                </tr>
            ';

如果你看有一个设置按钮,当点击时我想打开一个带有表单的小弹出框(不是一个单独的页面或窗口)然后能够从用户输入的内容更新数据库形式。

我正在苦苦思索如何调用javascript打开显示此框并让信息通过,因此在提交表单时我将能够更新数据库。

我不熟悉ajax,但我愿意接受它。

1 个答案:

答案 0 :(得分:0)

Ajax,加上一个好的UI库可以做到这一点,结果应该足够灵活(如果重要的话)。

jQuery是一个很好的起点:

http://jquery.com/

jQuery提供了一个很好的抽象层,可以隐藏很多浏览器差异,这些差异可能会让Ajax(和很多javascript)变得痛苦,而且他们还有一个很好的UI库。

Ajax教程超出了此响应的范围(但在线有大量资源),但您需要重新定位您的思路。您的javascript页面将成为您的驱动程序,而不是通过PHP更新您的页面,您将从javascript(在ajax返回)中更新您的控件。