ポップアップブートストラップモーダルとajaxを使用したPHPページからのデータ

Question

私は持っているajaxに何か問題がありますか？ get_details.phpはちょうど私がこの内部get_details.phpがあるとしましょうモーダル

$('#myModal').on('show.bs.modal', function(){ 
    $.ajax 
    ({ 
     type: "POST", 
     url: "get_details.php", 
     data: dataString, 
     cache: false, 
     success: function(r) 
     { 
      $("#detail").html(r); 
     } 
    }); 
}); 

にロードされません。私はここで、モーダル

<?php echo "test";?> 

上にあるように、「テスト」を作りたい私のモーダル

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h4 class="modal-title" id="myModalLabel">Modal title</h4> 
     </div> 
     <div class="modal-body" id="detail"> 

     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
    </div> 
    </div> 
</div> 

Answer 1

あなたは、たとえば、あなたが応答として入手できますか何http://localhost/yourapp/get_details.php

$('#myModal').on('show.bs.modal', function(){ 
    $.ajax 
    ({ 
     type: "POST", 
     url: "http://localhost/yourapp/get_details.php", 
     data: dataString, 
     cache: false, 
     success: function(r) 
     { 
      $("#detail").html(r); 
     } 
    }); 
}); 

Answer 2

いけないので、答えに書き込み、コメントの権限を持っています。 開発ツール（F12）の[ネットワーク]タブでget_details.phpを呼び出すかどうかにかかわらず、XHR要求ステータスを確認しますか？

また、JFYIの "show.bs.modal"イベントは、モーダルを開く前に起動し、 "shown.bs.modal"はモーダルが開かれたときに起動します。