更新使用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(); 
     } 
     }); 
});