ecshop后台通过ajax搜索原理

目前后台按照我们自身的需求便于管理可能要加搜索功能，比如供货商列表，如果信息太多的话加个搜索会更方便些，当然如果有基础的网友不用看此贴直接模仿官方有搜索模块的就成，没基础的网友按照我写的思想而且能依次应用到其他模块里，有时间我也会根据此录制视频细细讲解。        第一步 打开suppliers_list.htm 在顶部<form>上面加入 {include file="suppliers_search.htm"} 复制代码             然后你需要新建一个suppliers_search.htm页面放入后台模板文件夹下             <div class="form-div"> <form action="javascript:search_suppliers()" name="searchForm"> <img src="images/icon_search.gif" width="26" height="22" border="0" alt="SEARCH" /> {$lang.keyword} <input type="text" name="suppliers_name" size="15" /> <input type="submit" value="{$lang.button_search}" class="button" /> </form> </div> <script language="JavaScript"> function search_suppliers() { listTable.filter['suppliers_name'] = Utils.trim(document.forms['searchForm'].elements['suppliers_name'].value); listTable.filter['page'] = 1; listTable.loadList(); } </script> 复制代码 第二步 打开 suppliers.php 513行左右加入 $filter['suppliers_name'] = $_REQUEST['suppliers_name']; if($filter['suppliers_name']) { $suppliers_name = $filter['suppliers_name']; $where .= " and suppliers_name like '%$suppliers_name%'"; } 复制代码

   ecshop的搜索 其实是功能十分强大的，但是ecshop搜索功能前台和后台还不大一样,前台主要是通过get方式,提交的url进行分页,而在ecshop的后台,则是接受表单的搜索条件,然后通过js发布到ajax.最后又通过 ecshop的ajax 将结果返回.然后在显示最后的搜索结果.

   我们来举个例子,具体分析下ecshop后台通过ajax方式来进行搜索.

   比如我们通过ecshop后台的ajax方式来搜索退换货订单

   1:必须在htm中增增加以下搜索框,订单号 <input type="text" name="order_sn" size="15" />

   2:html中的ajax可以写成以下格式

       listTable.filter['order_sn'] = Utils.trim(document.forms['searchForm'].elements['order_sn'].value);
       listTable.filter['page'] = 1;

        listTable.loadList();

     我们可以看到以下,就是通过listTable.loadList();来触发ajax的。

   3:我们再看php调用。

  $result = get_filter();

    if ($result === false)
    {

      如果返回结果为空，那么就进行ajax结果筛选

     $filter['invoice_no']   = empty($_REQUEST['invoice_no']) ? '' : trim($_REQUEST['invoice_no']);
        if ($_REQUEST['is_ajax'] == 1)
        {
            $filter['order_sn'] = json_str_iconv($filter['order_sn']);
        }
        $filter['sort_by']    = empty($_REQUEST['sort_by']) ? 'cid' : trim($_REQUEST['sort_by']);
        $filter['sort_order'] = empty($_REQUEST['sort_order']) ? 'DESC' : trim($_REQUEST['sort_order']);

         $sql = "SELECT COUNT(*) FROM " . $GLOBALS['ecs']->table('change') .
               " WHERE 1 " . $where;
        $filter['record_count'] = $GLOBALS['db']->getOne($sql);

        $filter = page_and_size($filter);

       
        $sql = "SELECT * ".
               " FROM " . $GLOBALS['ecs']->table('change') .
               " WHERE 1 " . $where .
               " ORDER by $filter[sort_by] $filter[sort_order] LIMIT ". $filter['start'] .", " . $filter['page_size'];

        $filter['keywords'] = stripslashes($filter['keywords']);
        set_filter($filter, $sql);

      

   }else{

        $sql    = $result['sql'];
        $filter = $result['filter'];

}

    4:最后将查询结果返回

   $arr = array('res' => $row, 'filter' => $filter, 'page_count' => $filter['page_count'], 'record_count' => $filter['record_count']);

    return $arr;

   我们在来分析下,res是返回的所有数据,filter是过滤检索条件,page_count是分页数量,record_count表示查询的记录总数.

   通过以上封装,我们可以顺利的在ecshop后台使用ajax检索数据