AJAX 및 JQuery를 사용하여 업데이트

Question

간단한 업데이트를하려고하지만 아무 것도 알아낼 수 없습니다. 편집 단추가있는 DB에서 가져 오는 표가 있는데, 저장 단추로 변경하면 Ajax를 사용하여 사용자가 편집하는 레코드를 저장할 수 있습니다. 첫 번째 부분을 잘하고 있습니다. 페이지에서 jquery 항목을 모두 수행하는 함수가 하나 있습니다 (정상적으로 작동합니다).

이제 insted를 편집하기 위해 $ ('# a'+ productID) 행을 변경하고 싶습니다. 나는 또한 링크 속성을 변경하기 때문에 사용자가 저장을 누르면 Ajax 요청을 만들고 레코드를 업데이트하는 함수로 보낼 것이다.

하지만 난 그걸 어떻게 시작 해야할지 모르겠다 .... 내가 바인딩 기능을 가지고 있기 때문에 어떤 바인딩 기능을 가지고 있다고 생각하지 않습니다. 왜냐하면 나는 save 함수를 호출하여 바인딩되어 있기 때문입니다. (또는 내가 잘못하고 필요합니다. 누구나 나를 도와 줄 수 있니?

P. save 함수는 productID를 필요로 할 때 적절한 제품을 가지고 있는가? 그것은

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