Question

我在编程过程中一直在寻找提示和提示的stackoverflow，但我还没有注册。。。现在。。

我的问题是，是否可以更新/编辑我插入到html / css表中的mysql数据而无需转到另一页？

例如：当我在浏览器中查看表格时，我想编辑我的电子邮件信息。我只需按下编辑按钮，然后电子邮件字段就会成为同一页面上的文本字段，然后我可以更新它并点击保存？

谢谢！

编辑（添加了我的代码）：

$(button#edit).on('click', function() {
// get email inline to this edit button
    var email = $(this).parent().siblings('td.email').html();

// change button from edit to save
$(this).attr('id', 'save-email').html('Save');

// change email display to input field
$(this).parent().siblings('td.email').html('<input type="text" id="user-email" value="'+email+'" />');
});

这是我使用的表格，用PHP格式化，也从我的数据库中抓取数据：

echo '                    <tr>';
echo '                    <td>' . $row['name'].        '</td>';
echo '                    <td>' . $row['age'].         '</td>';
echo '                    <td>' . $row['sex'].         '</td>';
echo '                    <td>' . $row['email'].       '</td>';
echo '                    <td>' . $row['contact_no'].  '</td>';
echo '                    <td>' . $row['school_name']. '</td>';
echo '                    <td>

                        <button id = "edit">EDIT</button>';

没有任何反应，非常感谢您的帮助！

Answer 1

是的，有可能。以下是一些提示：

使用jQuery监听按钮上的点击事件并插入文本字段。
提交，use jQuery to send an ajax-request到另一个php文件（如save.php）。
在此文件中，您可以执行通常的任何mysql查询。
再次通过jQuery，向用户显示查询结果。

Answer 2

是。这是可能的。在html代码中创建一个隐藏的div标签。当您按下按钮时，通过文本框/文本填充div标签时，通过ajax。

浏览一些与ajax相关的教程。

Answer 3

分享你的工作原理

JS脚本：

$('button#update').click(function(){

  $.ajax({
    url : 'yourpagehere',
    data : {
      id : '1' // send sample data to url
    },
    type: json,
    sucess: function(response){

     //Your script

   });
  });

});

PHP：

function yourpagehere(){

 $id = $_POST['id']

 $result = updateUserInfo($id); //Your script updating info in your database

 json_encode($result); //Your response
}

然后你使用firebug并检查控制台登录你返回的ajax。

Answer 4

是的，可以使用AJAX。

AJAX是一个非常强大的jQuery工具，用于进行异步javascript调用，这意味着你可以在没有页面加载的情况下将数据提交到另一个页面。

您可以使用AJAX在不重新加载/加载页面的情况下在页面中动态获取数据和填充。

您可以找到许多AJAX的教程和示例。

通过AJAX和PHP更新MySQL数据库

4 个答案: