Question

我的index.php看起来像这样：

<body>
    <p id="message"></p>
    <form method="post" id="insert_form">
        <table cellpadding="5" cellspacing="5">
            <tr>
                <th>Enter Name</th>
                <td>
                    <input type="text" id="name" name="name">
                </td>
            </tr>
            <tr>
                <th>Enter Email</th>
                <td>
                    <input type="email" id="email" name="email">
                </td>
            </tr>
            <tr>
                <th>Enter Contact</th>
                <td>
                    <input type="text" id="contact" name="contact">
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="button" id="submit" name="insert" value="Insert">

                    <input type="button" id="load" name="insert" value="Load">
                </td>
            </tr>   
        </table>
    </form>

    <div id="result">

    </div>
</body>

因此，当我点击加载时，我使用ajax显示带有select.php代码的数据，如下所示：

<?php
    mysql_connect("localhost","root","");
    mysql_select_db("blackboard");
    $sqlstmt = "SELECT * FROM student";
    echo "<table><tr><th>ID</th><th>Name</th><th>Email</th><th>Contact</th></tr>";
    if( $data = mysql_query($sqlstmt)){
        while($row = mysql_fetch_assoc($data)){
            echo "<tr><td>$row[id]</td><td>$row[name]</td><td>$row[email]</td><td>$row[contact]</td><td><a href='../update/index.php?id=$row[id]&name=$row[name]&email=$row[email]&contact=$row[contact]'>Update</a></td>
                </tr>";
        }
    } else{
        echo mysql_error();
    }
?>

我在select.php中的ajax代码如下所示：

<?php
    mysql_connect("localhost","root","");
    mysql_select_db("blackboard");
    $sqlstmt = "SELECT * FROM student";
    echo "<table><tr><th>ID</th><th>Name</th><th>Email</th><th>Contact</th></tr>";
    if( $data = mysql_query($sqlstmt)){
        while($row = mysql_fetch_assoc($data)){
            echo "<tr><td>$row[id]</td><td>$row[name]</td><td>$row[email]</td><td>$row[contact]</td><td><a href='../update/index.php?id=$row[id]&name=$row[name]&email=$row[email]&contact=$row[contact]'>Update</a></td>
                </tr>";
        }
    } else{
        echo mysql_error();
    }
?>

到目前为止，我可以在图像显示时查看数据，我已经有了更新按钮：

我的问题是：仍在使用ajax，如何在点击更新按钮时更新记录？

我正在使用ajax尝试我的第一个CRUD应用程序，所以我希望我的问题很清楚，你可以提供帮助。

提前致谢。

Php ajax更新按钮在jquery中不起作用

0 个答案: