ThinkPHP5+datatables(无刷新分页)小结

1、报错:jquery-3.3.1.js:9600 Failed to load file:///C:/Users/Administrator/Desktop/datatables/arrays.txt?_=1546830691311: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

浏览器不支持本地的异步请求,因此直接通过file://访问文件就会报错

(1)、使用火狐无此报错,

(2)、从浏览器属性中添加:选择“属性”,在“快捷方式”下的“目标”中添加" --allow-file-access-from-files"(最前面有个空格),重启

2、datatables插件实现无刷新分页

TP5框架简单使用分页,

   控制器内paginate()括号内置空,页面引用jquery.dataTables.min.css和jquery.dataTables.min.js。并在页面写如下

<script type="text/javascript">

  $(document).ready(function(){
        $('table').DataTable();     //如果页面内只有一个table,可直接用$('table'),有多个table的可利用id、class选中需要分页的table.
    });

</script>

     

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值