jquery ajax를 사용하여 새로 고침 페이지가 작동하지 않습니다.

Question

안녕하세요, 저는 아약스를 사용하여 페이지를 새로 고칩니다. 코드는 다음과 같습니다.

<script> 
    function reld_email_posts() { 
     $("#loading").fadeIn(); 
     $.ajax({ 
     type: "POST", 
     url: "xpostings.php", 
     data: dataString, 
     success: function(){ 
      $("#loading").fadeOut(); 
     } 
    } 
</script> 

    <input type="button" name="" id="" onclick="reld_email_posts()" value="Refresh Records" /> 

올바른 방향으로 향하게하지만 그 필요성은 더 커집니다. 아무도 아약스를 사용하여 내 페이지를 새로 고칠 수있는 방법을 알고 있습니까?

Answer 1

성공 함수는 URL로부터받은 데이터로 아무 것도하지 않지만로드 요소를 페이드 아웃합니다. 당신은 전체 페이지 새로 고침하려면 ...

success: function(data){ 
     // do something with data here... 
     // eg... $('#someDiv').html(data) 
     $("#loading").fadeOut(); 
    } 

을 적용하고 성공 함수에서 반환 된 데이터를 처리 할 필요가 : 당신의 AJAX 호출이 HTML을 반환한다고 가정 Redirect from an HTML page

Answer 2

을 내가 할 것 다음과 유사합니다. 전체 페이지를 새로 고치지는 않지만 "로드중인"HTML 요소의 내용을 다시 채 웁니다. 즉, 응답 데이터를 채우려면 div와 같은 HTML 요소가 필요합니다. 로드 div가 페이지의 모든 콘텐츠를 보유하고 실제로 페이지를 새로 고치지 않고 전체 페이지 새로 고침 느낌을 갖도록하십시오.

<div id="loading"></div> 

function reld_email_posts() { 
     $("#loading").fadeOut(); 
     $.ajax({ 
     type: "POST", 
     url: "xpostings.php", 
     data: dataString, 
     success: function(data){ 
      $("#loading").empty().append(data); 
      $("#loading").fadeIn(); 
     } 
    }