更新使用AJAX和JQuery

Question

我想做一个简单的更新，但不能找出一些东西。 我有一张桌子，我从一个数据库中获得一个编辑按钮，当我按下更改为一个保存按钮，所以我可以用Ajax保存用户只需编辑的记录。 我正在做的第一部分就好了，有一个功能，在页面上做所有的jQuery的东西（这是工作得很好）。

现在我想更改$（'＃a'+ productID）行来保存编辑内容。我也更改链接属性，所以当用户按下保存时，它会将他发送给一个函数，该函数将发出Ajax请求并更新记录。

但我没有线索如何开始....我不认为它有任何事情与任何绑定函数，因为我已经通过调用保存功能绑定（或者我错了，需要绑定antway ???）任何人可以帮我在这里？

P.S.保存功能recive productID我有合适的产品，当我需要它时。

没有一个代码发送对保存功能becouse我不知道如何启动它，每一件事情我想不工作....对不起:-(

Answer 1

这可能是如果您只是简单地在页面上拥有两个按钮并根据页面状态在它们之间切换，则更容易。

<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(); 
     } 
     }); 
});