JS

Question

안녕의 페이지에 요소를 다시로드하는 방법 모두 내가 AJAX를 쿼리가 있습니다

function buttonCallback(obj){ 

     var id = $(obj).attr('id'); 

     $.ajax({ 
      type: "POST", 
      url: "/project/main/passid", 
      data: { 'id': id }, 
      success: function(msg){ 
       $("#reloadtable").html("result reloaded successfully"); //? reload? 
      } 
     }); 
    } 

쿼리가 성공적으로 실행 - 난이 후 HTML에서 만든 테이블을 다시로드 기대했다 쿼리 실행 - 내가 다른 게시물에서 일부 코드를했다하지만 실행하지 않는 것 - 내 테이블 body 태그는 다음과 같습니다

<tbody class = "tablereload"> 

나는이 질문은 바보 또는 잘못된 경우 JS에 완전히 새로운 그래서 난 사과 오전 -하지만 쿼리가 실행 된 후 테이블의 본문을 다시로드하기를 원합니다 - 가능합니까? 또는 리디렉션없이 전체 페이지 새로 고침?

Answer 1

/project/main/passid는 Ajax 호출 당신에게

<tr> 
    <td>.....</td> 
</tr> 

그리고 변화 (이것은 PHP 페이지 인 경우 에코) 같은 HTML을 반환해야 페이지 :

function buttonCallback(obj){ 

    var id = $(obj).attr('id'); 

    $.ajax({ 
     type: "POST", 
     url: "/project/main/passid", 
     data: { 'id': id }, 
     success: function(msg){ 
      $(".tablereload").html(msg); //? reload? 
     } 
    }); 
} 

Answer 2

귀하는 ID 선택과 HTML에있다 당신은 tbody 클래스가 있습니다.

당신은 내가 그것을이 고맙다 갈 줄 것이다

$(".reloadtable").html("result reloaded successfully");