PHP jQuery 将数据加载到引导模式框

Question

我需要将动态数据加载到引导模式框中。

JS：

$(function() {

    $('.push').click(function() {
        var id = $(this).attr('id');

        $.ajax({
            type: 'post',
            url: '../controller/booksdetails.php', // in here you should put your query 
            data: 'cmid=' + id, // here you pass your id via ajax .
            // in php you should use $_POST['post_id'] to get this value 
            success: function(r) {
                // now you can show output in your modal 
                $('#cm').modal({
                        backdrop: 'static',
                        keyboard: false
                    }) // put your modal id 
                $('.something').show().html(r);
            }
        });


    });

});

PHP 文件：

if(isset($_POST['cmid'])){
$DB =  mysqli::f("SELECT * FROM " . BOOKS . " WHERE id = ?",filter_var($_POST['cmid'], FILTER_VALIDATE_INT));
print_r($DB);
}

和打印数据到模态框div和class="something"。此方法真正有效，并且 打印 所有 php 数组结果。

现在我需要使用 php 数组 aftar 将数据加载到 modalbox（使用 php 类、安全数据……）。我的意思是：load php 数据到 modalbox（即：json）不打印 结果到 modalbox。

我怎样才能生成这个？

Answer 1

你好，这里有一个例子：http://jsfiddle.net/leojavier/kwh2n00v/1/

<!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg" id="insert">
  insert data
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

JS

$('#insert').on('click', function (){
    // This should be on your AJAX Success
    var data="some dynamic data";
    $('.modal-body').html(data);
    $('#myModal').modal('show');
    //--------------------------------------
})

我希望这会有所帮助... http://jsfiddle.net/leojavier/kwh2n00v/1/