Question

我正在尝试做一个简单的更新，但无法弄清楚什么。我有一个表，我从带有编辑按钮的数据库中获取，当我按下更改为保存按钮时，我可以使用Ajax保存用户刚刚编辑的记录。我正在做第一部分就好了，有一个函数可以完成页面上的所有jquery工作（工作正常）。

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

但我不知道如何开始......我不认为它与任何绑定函数有任何关系因为我已经通过调用保存函数已经绑定（或者我错了，需要绑定antway ???）任何人都可以帮助我吗？

P.S。保存功能可以在我需要的时候重新获得产品ID。

没有代码发送保存功能因为我不知道如何启动它，我试过的每件事都行不通....抱歉:-(

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

使用AJAX和JQuery进行更新

1 个答案: