Chinaunix

标题: 利用Ajax、dataTable插件进行PHP与html之前的数据交互 [打印本页]

作者: jayamge    时间: 2011-12-19 14:02
标题: 利用Ajax、dataTable插件进行PHP与html之前的数据交互

<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格式的数据,具体实现稍后给出哈。





欢迎光临 Chinaunix (http://bbs.chinaunix.net/) Powered by Discuz! X3.2