2014-01-07 129 views
0

我不知道我在做什麼錯,但PHP運行(我可以注意到它與Firebug上的POST數據),但沒有回顯。jQuery AJAX響應不顯示PHP

這是我的JS文件:

$('.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文件:

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> 

任何幫助或暗示會太好了!

謝謝。

+0

在瀏覽器中,您看到過有關Ajax調用成功的數據嗎?它是否填充? – Goikiu

+0

你的遊戲機說什麼?請求正在發送? – Haneev

+1

console.log()不會在屏幕上顯示任何內容。將數據追加()或html()到div中。 – CaptainCarl

回答

1

你返回HTML,但從來沒有將它添加到身體

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

而且,理想dataString = 'ticket_nbr='+ ticket_nbrdataString = {'ticket_nbr': ticket_nbr}

0

你必須顯示/追加下面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');