bootstrap+datatable+ajax,以bootstrap模式显示ajax成功数据为datatable

我试图显示ajax返回的成功数据在引导弹出窗口模式时点击link.i尝试,但我不知道在哪里我必须调用数据表函数。以bootstrap模式显示ajax成功数据为datatable

在index.php我有一个modal div和ajax函数来调用data.php。 data.php返回json编码值。

的index.php

Show Popup

$(document).ready(function() {

$('#myModal').on('show.bs.modal', function (e) {

var rowid = '1';

var reference = '2';

var nemix_id = '3';

$.ajax({

type : 'post',

url : 'data.php', //Here you will fetch records

data : 'rowid='+ rowid+'&reference='+reference+'&nemix_id='+nemix_id, //Pass $id

success : function(data){

$('#example').DataTable({

"ajax": data

});

}

});

});

});

data.php

$sql_sel = mysqli_query($con,"SELECT * FROM `table`");

$array = array();

$array['data'] = array();

while($res_sel = mysqli_fetch_row($sql_sel)){

$array['data'][] = $res_sel;

}

echo json_encode($array);

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值