2014-01-07 2 views
0

내가 잘못하고 있는지 모르겠지만 PHP가 실행됩니다 (Firebug의 POST 데이터에서 확인할 수 있음).jQuery AJAX 응답이 PHP가 표시되지 않음

$('.table_item').click(function() { 

    var ticket_nbr = $(this).children('td').attr("class"); 
    var dataString = 'ticket_nbr='+ ticket_nbr; 

    $.ajax({ 
      url: 'display.php', 
      type: 'POST', 
      data: dataString, 
      success: function(data) { 
       console.log(data); 

       $("#DisplayTicket").modal('setting', 'transition', 'vertical flip').modal('show'); 
      }, 
      error: function(e) { 
       console.log(e) 
      } 
    }); 
}); 

와 호출 된 PHP 파일 :

여기에 내 JS 파일의

if($_POST) 
{ 

    $ticket_nbr=$_POST['ticket_nbr']; 

    ?> 

    <div id="DisplayTicket" class="ui large modal transition active visible" style="margin-top: -110px;"> 
     <i class="close icon"></i> 
     <div class="header"> 
      <?php echo $ticket_nbr; ?> 
     </div> 
    </div> 

    <?php 

} 

그리고 여기에 내가 방화범에 얻을 출력입니다 :

<div id="DisplayTicket" class="ui large modal transition hidden" style="margin-top: -110px;"> 
    <i class="close icon"></i> 
    <div class="header"> 
     ticket_3 // The post data sent 
    </div> 
    <div class="content"> 
     <p>Merci, <span class="test_display"></span>. 
    </div> 
</div> 

어떤 도움이나 힌트 것 대단해!

감사합니다. 당신은 또한 이상적으로 dataString = 'ticket_nbr='+ ticket_nbr 당신은 보여 주어야 dataString = {'ticket_nbr': ticket_nbr}

+0

브라우저에서 성공한 아약스 통화의 데이터에는 어떤 변화가 있었습니까? 채워 졌습니까? – Goikiu

+0

당신의 콘솔은 무엇을 말합니까? 요청이 전송됩니까? – Haneev

+1

console.log()가 화면에 아무 것도 표시하지 않습니다. div에 데이터를 추가() 또는 html()하십시오. – CaptainCarl

답변

1

/본문에 DIV 아래를 추가하거나 DIV.

<div id="DisplayTicket" class="ui large modal transition active visible" style="margin-top: -110px;"> 
     <i class="close icon"></i> 
     <div class="header"> 
      <?php echo $ticket_nbr; ?> 
     </div> 
    </div> 

다음 성공시 아래 코드를 사용하십시오.

$('#DisplayTicket').addClass('active'); 
$('#DisplayTicket').css('visibility','visible'); 
0

해야

success: function(data) { 
      console.log(data); 
      $(data).appendTo('body'); // <---------------------- 
      $("#DisplayTicket").modal('setting', 'transition', 'vertical flip').modal('show'); 
}, 

에 추가 HTML을 반환 없지만 결코하고

관련 문제