• Ajax做列表无限加载和Ajax做二级下拉选项


    //栏目Ajax做加载
        public function ajaxlist(){
            //echo "http://www.域名.com/index.php?a=Index&c=Index&m=ajaxlist";
            //echo "<hr>";
            $data = Q('sum');
            $where = array();
            $where['cid'] = 33;
            $rongyuList = M('content')->limit($data,2)->where($where)->select();
            $data['stat'] = 1;
            $data = $rongyuList;
            $this->ajax($data);
            //也可以手动把想要的字段拼接成字符串    
            /*echo "[";
            foreach($rongyuList as $k){
                echo "{"."""."title".""".":".""".$k['title'].""".","."""."description".""".":".""".$k['description'].""".","."""."cid".""".":".""".$k['cid']."""."}".",";            
            }
            echo "]";*/
        }

    具体页面实现:

    <script type='text/javascript'>
    /*ajax*/
    (function(){
    //发送数据 
    var url = "__WEB__"+"?a=Index&c=Index&m=ajaxlist";
    var oSum = ''; 
    $('a.ajaxBut').click(function(){
        oSum = $('div.zizhiListContBox>a').size();
        $.post(url,{sum:oSum},function(result){
            console.log(result);
            eval("var info="+result);
            for(var key in info){
                     oStr = "<a href='"+"__WEB__"+"?a=Index&amp;c=Index&amp;m=content&amp;mid=1&amp;cid=33&amp;aid="+info[key]['aid']+""+"'><h3 class='f100 f16 ts500'>"+info[key]['title']+"</h3><p>"+info[key]['description']+"</p><span class='b parb'></span></a>";
                     $('div.zizhiListContBox').append(oStr);
            };
        });
    });
    })();
    </script>

    Ajax 做二级选项:

    <!-- 示例:HTML -->
    <dl class="pr keshi" >
        <dt class="pa">科室:</dt>
        <dd class="pa">
            <select name='keshi' class='m_keshi'>
                <option value='0'>--请选择科室--</option>
            </select>
            <select name='zhuanjia' class='m_zhuanjia'>
                <option>--请选择专家--</option>
            </select>
        </dd>
    </dl>

    示例控制器:

    //示例控制器
    /* Ajax请求栏目列表 */
    public function ajaxlanmu(){
        $lanmuList = M('category')->where('pid=142')->select();
        $this->ajax($lanmuList);
    }
    public function ajaxzhuanjia(){
        $where = array();
        $data = Q('sum');
        $data = $data ? $data : 143;
        $where['cid'] = $data;
        $zhuanjiaList = M('guahao')->where($where)->select();
        $this->ajax($zhuanjiaList);
    }

    示例:JS

    <script>
    (function(){
    var lanmuUrl = "__WEB__"+"?a=Index&c=Index&m=ajaxlanmu";
    var zhuanjiaUrl = "__WEB__"+"?a=Index&c=Index&m=ajaxzhuanjia";
    var oSum = oStr = oStr2 = oVal = oKong = info2 = oCid = '';
    /* lanmu */
    $.post(lanmuUrl,function(result){
        eval("var info="+result);
        for(var key in info){oStr += "<option value='"+info[key]['catname']+"' cid='"+info[key]['cid']+"'>"+info[key]['catname']+"</option>";};
        $('dl.keshi').find('select.m_keshi').append(oStr);
    });
    /* zhuanjia */
    $('dl.keshi').find('select.m_keshi').change(function(){
        oVal = $(this).find('option:selected').val();
        if(oVal == 0){
            $('dl.zhuanjia').find('select.m_zhuanjia').html("<option>--请选择专家--</option>");
        }else{
            oCid = $(this).find('option:selected').attr('cid');
            $.post(zhuanjiaUrl,{sum:oCid},function(result){
                eval("info2="+result);
                oStr2 = '';//注意这里要清空第一次请求的数据
                for(var key2 in info2){
                    oStr2 += "<option value='"+info2[key2]['title']+"'>"+info2[key2]['title']+"</option>";             
                };
                $('dl.zhuanjia').find('select.m_zhuanjia').html(oStr2);
            });
        };
    });
    })();
    </script>
  • 相关阅读:
    在一台Linux服务器上安装多个MySQL实例(二)--使用单独的MySQL配置文件
    在一台Linux服务器上安装多个MySQL实例(一)--使用mysqld_multi方式
    MySQL复制(四)--多源(主)复制
    MySQL复制(三)--基于全局事物标识符(GTID)配置复制
    类加载机制详解
    字符串常量池理解
    JVM内存模型
    Java设计模式之单例模式
    forkjoin及其性能分析,是否比for循环快?
    集合排序Comparable和Comparator有什么区别?
  • 原文地址:https://www.cnblogs.com/e0yu/p/7093006.html
Copyright © 2020-2023  润新知