Обновление с использованием AJAX и JQuery

Question

Я пытаюсь сделать простое обновление, но не могу понять что-то. У меня есть таблица, которую я получаю из БД с кнопкой «Редактировать», когда я нажимаю кнопку «Сохранить», чтобы сохранить с помощью Ajax запись, которую пользователь просто редактирует. Я делаю первую часть просто отлично, имею одну функцию, которая выполняет все jquery-файлы на странице (это работает отлично).

Теперь я хочу изменить строку $ ('# a' + productID), чтобы сохранить insted of edit. Я также меняю атрибут ссылки, поэтому, когда пользователь нажимает «Сохранить», он отправит его функции, которая сделает запрос Ajax и обновит запись.

Но у меня нет подсказки, как начать это .... Я не думаю, что это имеет какое-либо отношение к любой функции связывания, потому что я все привязан, вызывая функцию сохранения (или я ошибаюсь и нуждаюсь связать муравью ???) Может ли кто-нибудь помочь мне здесь?

P.S. функция сохранения возвращает идентификатор продукта, если у меня есть правильный продукт, когда он мне понадобится.

Не есть код для отправки для функции сохранения 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(); 
     } 
     }); 
});