thinkphp 加载数据由默认加载变为ajax加载数据

<script id="listtemp" type="text/html">
<table  class="table table-small-font table-bordered table-striped">
   <thead>
      <tr>
        ...
      </tr>
   </thead>
   <tbody>
   <% for(var i = 0; i < list.length; i++){ %>
   <tr>
   ...
   </tr>
   <% } %>
   </tbody>
</table>
</script>
<script id="statistemp" type="text/html">
<table  class="table table-small-font table-bordered table-striped">
   <thead>
      <tr>
      ...
      </tr>
   </thead>
   <tbody>
      <tr>
      ...
      </tr>
   </tbody>
</table>
</script>

<!-- responsive-table-->
<script src="__STATIC__/qpass/assets/laydate/laydate.js" type="text/javascript"></script>
<script src="__STATIC__/qpass/js/template.js" type="text/javascript"></script>
<script src="__STATIC__/qpass/assets/select2/select2.min.js" type="text/javascript"></script>
<script src="__STATIC__/qpass/assets/select2/i18n/zh-CN.js" type="text/javascript"></script>
<script type="text/javascript">
   //搜索条件公共变量
   var condition={};
   //ajax数据明细
    function getdata(condition,page){
        //condition设置查询条件
        //ajax返回结果
        condition.page = page;
        $.post("{:url('')}",condition,function (data) {
            //将ajax返回的数据填充进事先写好的模板里去
            var html=template("listtemp",{list:data.data});
            $("#datatable").html(html);
            //将php生成的page_bar填到分页的位置
            $('.pull-right').html(data.page);
            //获取当前页面
            var cur_page = $('.pagination .active span').html();
            //清除a标签的href属性防止点击跳转
            $('.pull-right ul li a').attr('href','javascript:;');
            //点击分页内容替换为对应的页面
            $('.pull-right ul li a').click(function () {
                getpage(condition,$(this).html());
            });
            //为上一页绑定事件
            $('.pull-right ul li:first').click(function () {
                getpage(condition,parseInt(cur_page)-1);
            });
            //为下一页绑定事件
            $('.pull-right ul li:last').click(function () {
            //判断是否可点击
                if($(this).attr('class') != 'disabled'){
                    getpage(condition,parseInt(cur_page)+1);
                }
            });
            //赋值统计数据
            getstatis(data.total);
        });
    };
    //加载统计
    function getstatis(data){
        //填充统计数据
        var html=template("statistemp",{list:data});
        $("#statistable").html(html);
    }

    $('#dosearch').click(function () {
        dosearch();
    });
    //数据筛选
    function dosearch(){
        //首先获取form值及表单验证
        //验证无误后更新条件公共变量，ajax重新获取数据
        var a = $('#...').val();
        var b = $('#...').val();
        var c = $('#...').val();
        condition = {a:a,b,c:c};
        //根据条件筛选数据
        getdata(condition,1);
    }

    //翻页
    function getpage(condition,page){
        getdata(condition,page);
    }
   //加载执行
   jQuery(document).ready(function($) {
      //设置默认加载条件
      var condition={};
      //首次加载数据
      getdata(condition);    
      // Select2加载数据
        $.post("{:url('')}",{},function (data) {
            $("#s_agent_id").select2({
                data:data,
                width: '150px',
                placeholder: '...',
            });
        });
     
   });
</script>