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函数将收到一个包含所有编辑信息的序列化对象。从那里，只需将其保存到数据库。希望它有所帮助！

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

1 个答案: