아약스 성공 호출에서 페이지를 다시로드 한 후 DOM 요소를 추가합니다.

Question

 $.ajax({ 
     type  : 'POST', 
     url   : requesturl, 
     data  : data, 
     dataType : 'json', 
     success  : function(data) { 
      location.reload(); 
      $('#status').append(
           // append something here!! 
      ); 
      $('#loader').hide();     
     } 
    }); 

먼저 페이지를 다시로드하고 내 요소를 추가해야하는 몇 가지 문제가 있습니다. 페이지가 다시로드 될 때 초기화되고 추가하려고하는 요소를 지울 것이므로이 기능이 필요합니다.

Answer 1

location.reload()으로 전화하면 너무 늦습니다. 페이지가 다시로드 된 후 스크립트가 계속 실행되지 않습니다.

일반적인 접근 방법을 다시 생각해야 할 수도 있습니다. 일반적인 접근법은 AJAX를 전혀 사용하지 않는 것입니다 (어쨌든 페이지를 새로 고침 할 예정이므로). 서버에 추가 할 내용을 포함하여 원하는 새 상태로 페이지를 렌더링하게하십시오.

Answer 2

여기에 location.reload()를 사용하면 안됩니다. 대신 $ ('. yoursubClass'). remove()를 사용하고 append 메소드를 호출하십시오.

$.ajax({ 
     type  : 'POST', 
     url   : requesturl, 
     data  : data, 
     dataType : 'json', 
     success  : function(data) { 
      $('#status').find('yourRemovableElements').remove(); //modify yourRemovableElements accordingly 
      $('#status').append(
           // append something here!! 
      ); 
      $('#loader').hide();     
     } 
    });