0

在我的编程之旅中，我一直在 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>';

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

4

4 回答 4

1

对的，这是可能的。这里有一些提示：

  1. 使用 jQuery 监听按钮上的点击事件并插入文本字段。
  2. 在提交时，使用 jQuery 将 ajax 请求发送到不同的 php 文件（如 save.php）。
  3. 在此文件中，您可以执行通常会执行的任何 mysql 查询。
  4. 再次通过 jQuery，向用户显示查询结果。
于 2013-07-29T06:02:54.493 回答
0

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

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

于 2013-07-29T06:04:09.300 回答
0

与您分享它的工作原理

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 返回的控制台日志。

于 2013-07-29T06:14:02.060 回答
0

是的，可以使用 AJAX。

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

您还可以使用 AJAX 获取数据并动态填写您的页面，而无需重新加载/加载页面。

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

于 2013-07-29T06:31:08.733 回答