這篇文章給大家分享的是有關(guān)Ajax如何實(shí)現(xiàn)列表無限加載和二級下拉選項(xiàng)效果的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供絳縣網(wǎng)站建設(shè)、絳縣做網(wǎng)站、絳縣網(wǎng)站設(shè)計、絳縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、絳縣企業(yè)網(wǎng)站模板建站服務(wù)，10多年絳縣做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

具體內(nèi)容如下

//欄目Ajax做加載
public function ajaxlist(){
 //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($rongyuList as $k){
  echo "{"."\""."title"."\"".":"."\"".$k['title']."\"".","."\""."description"."\"".":"."\"".$k['description']."\"".","."\""."cid"."\"".":"."\"".$k['cid']."\""."}".",";  
 }
 echo "]";*/
 }

具體頁面實(shí)現(xiàn)：

/*ajax*/
(function(){
//發(fā)送數(shù)據(jù) 
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 = ""+info[key]['title']+"
"+info[key]['description']+"
";
   $('div.zizhiListContBox').append(oStr);
 };
 });
});
})();

Ajax 做二級選項(xiàng)：

 科室：
 
  
   --請選擇科室--
  
  
   --請選擇專家--
  
 

示例控制器：

//示例控制器
/* 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

什么是ajax

ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)，可以通過在后臺與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，使網(wǎng)頁實(shí)現(xiàn)異步更新。

感謝各位的閱讀！關(guān)于“Ajax如何實(shí)現(xiàn)列表無限加載和二級下拉選項(xiàng)效果”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！