Javascript 使用AJAX如何在数据库中编辑值？

大家好，我在PHP文件中使用ajax删除了一个表中的条目，下面是我的代码：

<?php foreach (get_all_categories() as $r) { ?>

<td>
      <?php
            echo '<button type="button" class="btn btn-primary  delete delete-action"><i class="fa fa-trash-o fa-lg"></i> Delete</a></button> 
                                    <input type="hidden" value="'. $r['category_id'] .'"  name="delete[]">';
      ?>
</td>

<?php } ?>


//AJAX CALL

var id;
$('button.delete-category').click(function(e) {
id = $(this).parent()[0].childNodes[3].value;
  swal({
title: "Are you sure?",
text: " You will not be able to undo this action !",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false,
html: false
}, function(){
$.post( "delete_category.php", { deletecategoryfunction: id}, function( data ) {
location.reload();
});
});
});

//AJAX调用
变量id；
$（'button.delete category'）。单击（函数（e）{
id=$（this）.parent（）[0]。childNodes[3]。值；
游泳({
标题：“你确定吗？”，
文本：“您将无法撤消此操作！”，
键入：“警告”，
showCancelButton:true，
confirmButtonColor:#DD6B55“，
confirmButtonText：“是的，删除它！”，
CloseOnConfig:false，
html:false
}，函数（）{
$.post（“delete_category.php”，{deletecategoryfunction:id}，函数（数据）{
location.reload（）；
});
});
});

然而，我的问题是，如果我有一个编辑按钮，我将如何使用AJAX进行编辑，在过去的几天里，我一直坚持这一点，这就是我在这里提出这个问题的原因

---

$r基本上会提取我称为category的表中所有项目的列表，其中包含（类别名称、说明和可用性）。因此，当我执行此编辑按钮时，我可以继续执行此操作，以便更改或修改类别表的类别名称、说明和可用性

首先，如果你真的想添加Web2.0的交互性，你不应该写“location.reload（）”。使用JQuery，您可以简单地删除表中的行（为什么要使用列呢？？）。

---

在你的问题中，不清楚你想编辑什么。但一般来说，您只需向服务器发送任何内容的新值（可能，您想要编辑类别名称？）及其id。对于编辑，您可能会使用，而要获取输入值，您将使用$（element）.val（）。

那么，我还需要如何刷新页面呢？因为我正在进行编辑，现在可以正常工作，但是当我有了location.reload（），它只是在点击编辑按钮后立即重新加载页面，当我进行ajax调用时，我是否能够重定向php文件中的用户？@jomin_george94，基本上这就是您的页面应该如何工作的：服务器上有一个脚本可以一次性呈现您的页面，有一个客户端javascript，它允许修改与页面的交互并将数据发送回服务器，还有一个服务器端脚本，它只处理ajax请求。因此，不需要刷新页面，也不应该这样做，因为这会破坏用户体验。