微客导航 » 文章资讯 » Ajax实现列表无限加载和二级下拉选项效果

Ajax实现列表无限加载和二级下拉选项效果

2024-02-17 18:35:03 292

Ajax做列表无限加载和Ajax做二级下拉选项，供大家参考，具体内容如下

//栏目Ajax做加载
publicfunctionajaxlist(){
//echo"http://www.域名.com/index.php?a=Index&c=Index&m=ajaxlist";
//echo"";
$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($rongyuListas$k){
echo"{"."\""."title"."\"".":"."\"".$k['title']."\"".","."\""."description"."\"".":"."\"".$k['description']."\"".","."\""."cid"."\"".":"."\"".$k['cid']."\""."}".",";
}
echo"]";*/
}

具体页面实现：


/*ajax*/
(function(){
//发送数据
varurl="__WEB__"+"?a=Index&c=Index&m=ajaxlist";
varoSum='';
$('a.ajaxBut').click(function(){
oSum=$('div.zizhiListContBox>a').size();
$.post(url,{sum:oSum},function(result){
console.log(result);
eval("varinfo="+result);
for(varkeyininfo){
oStr=""+info[key]['title']+""+info[key]['description']+"
";
$('div.zizhiListContBox').append(oStr);
};
});
});
})();

Ajax做二级选项：



科室：


--请选择科室--

示例控制器：

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

示例：JS

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

Ajax实现列表无限加载和二级下拉选项效果

热门推荐

随机推荐