AJAX to PHP 게시물로 테이블 위치 지정

Question

POST 데이터를 AJAX를 통해 php 파일로 보내어 jQuery 스크립트가 테이블을 생성합니다. 콘솔을 확인하기 위해 방화 광을 사용했으며 모든 것이 제대로 만들어졌습니다. success:에서 창을 다시로드하면 표가 표시되지 않습니다.

정확히 내가 무엇을 만들었는지 알 수 있도록 reload을 주석 처리했기 때문에 html 테이블이 PHP 파일에서 제대로 만들어 졌음을 알고 있습니다. 내 페이지에 많은 것을 표시하고 특정 위치에 테이블을 원합니다. 테이블을 실제로 원하는 곳에 표시하려면 어떻게해야합니까?

<script> 
$(document).ready(function() { 
    $("#stayinfobutton").click(function() { 
     var id = $('#id').val(); 
     var dataString = { 
      id: id 
     }; 
     console.log(dataString); 
     $.ajax({ 
      type: "POST", 
      url: "classes/table_auto_guests.php", 
      data: dataString, 
      cache: false, 
      /*success: function(html) 
        { 
         window.location.reload(true); 
        }*/ 
     }); 
    }); 
}); 
</script> 

Answer 1

window.location 통화가 브라우저 창에 새 페이지를 다시로드합니다,이 데이터가 서버로 Ajax 호출로 돌아 잃어 버리게된다.

일반적으로 아약스에 대한 응답은 무엇인가, 귀하의 페이지에 직접로드 호출 :

success: function(html) 
{ 
    $('#guestsTable').html(html); 
    $('userForm').hide(); 
} 

내가의 guestsTable의 사업부와하는 userForm 이름을했다).

반환 데이터가 (난 당신 jQuery를 사용 있으리라 믿고있어) HTML로를 만들기 위해 어떤 강요를해야 할 수도 있습니다, 희망 PHP 스크립트는 헤더에 html/text로 설정되며, 또한 dataType: html는 $.ajax({...}) 호출에 전달 될 수 있습니다.

또는 classes/table_auto_guests.php이 브라우저에서로드하려는 전체 페이지를 반환하는 경우 Ajax가 사용자가 원하는 대상이 아닐 수 있습니다. This post에는 데이터를 양식으로 제출하고 결과를 새 페이지로로드하는 방법에 대한 코드가 들어 있습니다. .`큰 일; 데이터베이스에 그 값을 저장