Question

我的ajax有什么问题吗？ 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);
       } 
    });
});

我们只是说我在get_details.php里面有这个。我想做＆＃34;测试＆＃34;在模态上

<?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

没有评论特权，因此写下答案。检查开发人员工具（F12）的网络选项卡中的XHR请求状态，是否正在调用get_details.php？

同样是JFYI，“show.bs.modal”事件将在打开模态之前触发，而“shown.bs.modal”将在模态打开时触发。

Answer 2

正如您所提到的HTTP 404

提供完整的网址例如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);
       } 
    });
});

使用ajax从php页面填充bootstrap模式

2 个答案: