Ajax实现列表无限加载和二级下拉选项效果
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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。