免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1888 | 回复: 0
打印 上一主题 下一主题

利用Ajax、dataTable插件进行PHP与html之前的数据交互 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2011-12-19 14:02 |只看该作者 |倒序浏览

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" title="currentStyle">
    @import "<?php echo Doo::conf()->APP_URL;?>global/css/demo_page.css";
    @import "<?php echo Doo::conf()->APP_URL;?>global/css/demo_table.css";
</style>
<link rel="stylesheet" type="text/css" href="<?php echo Doo::conf()->APP_URL;?>global/css/main.css"/>
<script type="text/javascript" src="<?php echo Doo::conf()->APP_URL;?>global/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo Doo::conf()->APP_URL;?>global/js/jquery.dataTables.js"></script>
<script type="text/javascript">
var oTable;
var giRedraw = false;
$(document).ready(function(){
  $("#example tbody").click(function(event) {
    $(oTable.fnSettings().aoData).each(function (){
      $(this.nTr).removeClass('row_selected');
    });
    $(event.target.parentNode).addClass('row_selected');
  });
 
        oTable = $('#example').dataTable( {
          "bProcessing": true,
          "bServerSide": true,
          "aaSorting": [[ 0, "desc" ]],
          //"sAjaxSource": "http://localhost/xxx/app/index.php/admin/group/index_process/",
          "sAjaxSource": "{{path}}index.php/get/viewHistoryNotifications",
          "bStateSave": false,
          "bAutoWidth": false,
            "sPaginationType": "full_numbers",
          "aoColumns": [null,null,null,null,null,null],
          "oLanguage": {"sUrl": "<?php echo Doo::conf()->APP_URL;?>/global/language/zh.txt"}
        } );
});


在 "sAjaxSource": "{{path}}index.php/get/viewHistoryNotifications",中,输出json格式的数据,具体实现稍后给出哈。
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP