通过AJAX和PHP更新MySQL数据库

在我的编程过程中，我一直在向stackoverflow寻求提示和技巧，但我还没有注册。直到现在

我的问题是，是否可以更新/编辑我插入到html/css表中的mysql数据，而不必转到其他页面

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

谢谢

编辑（添加我的代码）：

$（按钮#编辑）。在（'click'，function（）上{
//将电子邮件内联获取到此编辑按钮
var email=$（this.parent（）.sibbins（'td.email'）.html（）；
//将“编辑”按钮更改为“保存”
$（this.attr（'id'，'save email'）.html（'save'）；
//将电子邮件显示更改为输入字段
$（this.parent（）.sibbins（'td.email'）.html（“”）；
});

这是我用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>';

echo'；
回显“”$行['name'].'；
回显“”$行['age'].'；
回显“”$行['sex'].'；
回显“”$行['email'].'；
回显“”$第['contact_no'.'行]；
回显“”$行[“学校名称]”；
回声'
编辑'；

---

没有任何事情发生，非常感谢您的帮助

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

使用jQuery侦听按钮上的单击事件并插入文本字段

提交时，提交到不同的php文件（如save.php）

在这个文件中，您可以执行任何mysql查询

再次通过jQuery向用户显示查询结果

---

对。这是可能的。在html代码中创建一个隐藏的div标记。 通过ajax，当您按下按钮时，div标记将由textbox/text填充

---

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

与您分享它的工作原理

JS脚本：

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

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

     //Your script

   });
  });

});

PHP:

---

然后使用firebug并检查ajax返回的内容的控制台日志。

是的，可以使用ajax

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

此外，您还可以使用AJAX获取数据并动态填充页面，而无需重新加载页面

---

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

您已经标记了

AJAX

，这是一个很好的开端，您走的是正确的道路！请仔细阅读一些内容，如果您有任何问题，请提出问题。谢谢谢谢你们的提示。我不知道该怎么做，因为我对网络编程相对较新。为了澄清，Drixson提供的“JS”代码需要在页面上加载JQuery库。

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

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

     //Your script

   });
  });

});

function yourpagehere(){

 $id = $_POST['id']

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

 json_encode($result); //Your response
}