javascript - 如何使用ajax函数更新数据库

Question

我有一个包含从数据库中提取的客户信息的表。在此表的最后一列中，我有一个编辑按钮，可以打开一个弹出窗口，其中包含文本字段，其中数据库值作为占位符。我希望用户能够更改文本字段中的值，然后将这些新值保存到数据库中。

我使用以下 jQuery 函数来调用弹出窗口:

<script>
$('#mypopup').dialog({
autoOpen: false,
modal: 'true',
minHeight: '300px',
minWidth: '300px',
buttons: {
'Save Changes': function(){
  $.ajax({
    url: 'ext/to/my/file.php',
    type: 'POST',
    data: $(this).find('form').serialize(),
    success: function(data){
      //some logic to show that the data was updated
      //then close the window
      $(this).dialog('close');
    }
  });
},
'Discard & Exit' : function(){
  $(this).dialog('close');
}
 }
});

$('.edit').click(function(e){
 e.preventDefault();
 $.ajax({
    url: 'ext/to/my/file.php',
    type: 'GET',
    data: "id="+$(this).parent().next('td').text(), //send some unique piece of data like the ID to retrieve the corresponding user information
    success: function(data){
      //construct the data however, update the HTML of the popup div 
      $('#mypopup').html(data);
      $('#mypopup').dialog('open');
    }
  });
});
</script>

这是我的第一篇文章，所以我不确定我需要了解多少具体内容。被调用的 php 文件基本上只是一个显示正确数据库信息的表单。如果需要任何其他信息，请告诉我!提前致谢!

Answer 1

您应该只编辑“保存更改”功能。在显示“ext/to/my/file.php”的地方，您应该放置将数据保存到数据库的 php 文件。现在是这样，php函数将接收一个包含所有编辑信息的序列化对象。从那里，只需将其保存到数据库即可。希望对您有帮助!