使用AJAX和JQuery进行更新

我正试着做一个简单的更新，但是我想不出什么问题。 我有一个表，我从数据库中得到一个编辑按钮，当我按下“更改为保存”按钮时，可以用Ajax保存用户刚刚编辑的记录。 我很好地完成了第一部分，有一个函数可以完成页面上的所有jquery内容（工作很好）

现在我想更改$（'#a'+productID）行以保存而不是编辑。我也在更改link属性，因此当用户按下save时，它会将他发送到一个函数，该函数将发出Ajax请求并更新记录

但是我不知道如何开始…我不认为这与任何绑定函数有任何关系，因为我已经准备好通过调用save函数绑定（或者我错了，需要绑定antway？？？）这里有人能帮我吗

另外，保存功能接收productID，以便在需要时提供正确的产品

---

没有为保存功能发送代码，因为我不知道如何启动它，而且我尝试的每件事都不起作用…抱歉：-（

如果您只是在页面上同时使用两个按钮并根据页面状态在它们之间切换，可能会更容易

 <a id="editButton" href="http://example.com/widget/edit/1">Edit</a>
 <a id="saveButton" href="http://example.com/widget/update/1" style="display: none;">Save</a>

 $(function(){
      $('#editButton').click( function() {
          // set up the form as edit...
          $(this).hide();
          $('#saveButton').show();
          return false;
      });
      $('#saveButton').click( function() {
         var button = $(this);
         var href = button.attr('href');
         $.post(href,$('form').serialize(), function() {
               // change form back to readonly...
               button.hide();
               $('#editButton').show();
         }
      });
 });

$（函数（）{
$（“#编辑按钮”）。单击（函数（）{
//将窗体设置为“编辑…”。。。
$（this.hide（）；
$（“#保存按钮”）.show（）；
返回false；
});
$（“#保存按钮”）。单击（函数（）{
var按钮=$（此按钮）；
var href=button.attr（'href'）；
$.post（href，$（'form'）.serialize（），function（）{
//将表单更改回只读。。。
按钮隐藏（）；
$（“#编辑按钮”）.show（）；
}
});
});

如果您只是在页面上有两个按钮，并根据页面状态在它们之间切换，可能会更容易

 <a id="editButton" href="http://example.com/widget/edit/1">Edit</a>
 <a id="saveButton" href="http://example.com/widget/update/1" style="display: none;">Save</a>

 $(function(){
      $('#editButton').click( function() {
          // set up the form as edit...
          $(this).hide();
          $('#saveButton').show();
          return false;
      });
      $('#saveButton').click( function() {
         var button = $(this);
         var href = button.attr('href');
         $.post(href,$('form').serialize(), function() {
               // change form back to readonly...
               button.hide();
               $('#editButton').show();
         }
      });
 });

$（函数（）{
$（“#编辑按钮”）。单击（函数（）{
//将窗体设置为“编辑…”。。。
$（this.hide（）；
$（“#保存按钮”）.show（）；
返回false；
});
$（“#保存按钮”）。单击（函数（）{
var按钮=$（此按钮）；
var href=button.attr（'href'）；
$.post（href，$（'form'）.serialize（），function（）{
//将表单更改回只读。。。
按钮隐藏（）；
$（“#编辑按钮”）.show（）；
}
});
});