亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 語言 > PHP > 正文

php+ajax實現商品對比功能示例

2024-05-05 00:08:23
字體:
來源:轉載
供稿:網友

本文實例講述了php+ajax實現商品對比功能。分享給大家供大家參考,具體如下:

商品對比調用的JS文件(包含了商品對比框浮動JS):

/*浮動窗口*/(function(){ var n=10; var obj=document.getElementById("goods-compare"); if(!obj){  return false; } var x=0; window.onscroll=function(){  obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px'; }; window.onresize=function(){  obj.style.top=(document.body.scrollTop||document.documentElement.scrollTop)+n+'px'; };})();//添加顯示對比框function addcompare(chk){ $('#goods-compare').fadeIn().show(); var count=$(".compare-box li").length; if (count>2)//這里可以修改對比的數據哦 {  alert('產品比較最多選3種哦');  return; } $.ajax({  type: 'post',  url: 'ajax.php',  data: {   'action':'1',   'gid':chk.gid,//商品ID   'gname':chk.gname,//商品名稱   'gtype':chk.gtype//商品類別,類別不同時不能比較  },  cache: false,  async: false,  success: function(result) {   if(result!='')   {    alert(result);   }else{    var url='http://www.lusen.com/product-'+chk.gid+'.html';//設置商品的鏈接地址    $(".compare-box").append("<li class='division clearfix' id='"+chk.gid+"'><div class='span-3'><a href='"+url+"' target='_blank'    $("#comids").val($(".compare-box li").map(function(){//將對比的所有商品ID,賦值給#comids     return $(this).attr('id');    }).get().join(","));   }  } });}//刪除對比產品function removecompare(id){ $.ajax({  type: 'post',  url: 'ajax.php',  data: {   'action':'2',   'gid':id  },  cache: false,  success: function(result) {   $("#"+id).remove();   $("#comids").val($(".compare-box li").map(function(){    return $(this).attr('id');   }).get().join(","));  } });}//清空對比產品function clearcompare(){ $.ajax({  type: 'post',  url: 'ajax.php',  data: {   'action':'3'  },  cache: false,  success: function(result) {   $(".compare-box").html('');   $("#comids").val('');  } });}//顯示對比框function showcompare(){ $.ajax({  type: 'post',  url: 'ajax.php',  data: {   'action':'4'  },  success: function(result) {   if(result){    $(".compare-box").append(result);    $("#comids").val($(".compare-box li").map(function(){     return $(this).attr('id');    }).get().join(","));    $('#goods-compare').fadeIn().show();   }  } });}//點擊關閉對比框$('.close-gc').click(function(){ $('#goods-compare').fadeOut().hide();});

商品對比調用Ajax文件:

<?phpfunction mb_unserialize($serial_str) { $serial_str =stripslashes($serial_str); return unserialize($serial_str);}if($_POST['action']=='1') {//add if(isset($_COOKIE['gtype'])) {  if($_COOKIE['gtype']!=$_POST['gtype']) {   echo '對不起,您選擇的是不同類別的產品無法加入對比,請選擇同類產品或清空當前對比欄再選擇。';   return;  } }else {  setcookie('gtype',$_POST['gtype']); } if(isset($_COOKIE['gid'])) {  $arr_str = $_COOKIE['gid'];  $arr=mb_unserialize($arr_str);  if(count($arr)>2) {//商品比較數量   echo "商品比較最多選3種";   return;  }  foreach($arr as $val) {   if($val[0]==$_POST['gid']) {    echo "該商品已經加入對比框";    return;   }  }  $info=array($_POST['gid'],$_POST['gname'],$_POST['gtype']);  $arr[]=$info;  $arr_str=serialize($arr);  setcookie('gid',$arr_str); }else {  $info=array($_POST['gid'],$_POST['gname'],$_POST['gtype']);  $arr[]=$info;  $arr_str=serialize($arr);  setcookie('gid',$arr_str); }}else if($_POST['action']=='2') {//delone $id=$_POST['gid']; $arr_str = $_COOKIE['gid']; $arr=mb_unserialize($arr_str); foreach($arr as $key=>$val) {  if($val[0]==$id) {   unset ($arr[$key]);  } } $arr_str=serialize($arr); setcookie('gid',$arr_str);}else if($_POST['action']=='3') {//delall setcookie('gid',''); setcookie('gtype','');}else if($_POST['action']=='4') {//showlist if(isset($_COOKIE['gid'])) {  $data='';  $arr_str = $_COOKIE['gid'];  $arr=mb_unserialize($arr_str);  foreach ($arr as $val){   $url="http://www.lusen.com/product-".$val[0].".html";   $data.="<li id='{$val[0]}' class='division clearfix'><div class='span-3'><a href='{$url}' target='_blank'  }  echo $data; }}?>

希望本文所述對大家PHP程序設計有所幫助。


注:相關教程知識閱讀請移步到PHP教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
2018国产精品视频| 91精品美女在线| 2019中文在线观看| 亚洲的天堂在线中文字幕| 亚洲一区二区三区四区视频| 精品中文字幕乱| 欧美性xxxx在线播放| 91色在线视频| 亚洲欧美日韩精品久久亚洲区| 国产一区私人高清影院| 亚洲人成在线电影| 日韩av电影手机在线| 亚洲福利视频网| 日韩a**中文字幕| 精品国产91久久久久久老师| 日韩av三级在线观看| 91精品视频播放| 日韩中文字幕网站| 伊人久久久久久久久久久| 97在线免费观看视频| 黑人巨大精品欧美一区二区一视频| 国产福利精品在线| 日韩av电影国产| 日韩在线播放视频| 久久理论片午夜琪琪电影网| 欧美日韩国产一区中文午夜| 久久躁狠狠躁夜夜爽| 午夜剧场成人观在线视频免费观看| 日韩欧美精品在线观看| 亚洲欧美日韩精品久久| 国产精品一区二区三区久久久| 国内偷自视频区视频综合| 国产综合久久久久| 欧美丝袜第一区| 亚洲欧美另类自拍| 57pao国产精品一区| 久久久国产精品x99av| 国产在线不卡精品| 亚洲第一网站男人都懂| 亚洲四色影视在线观看| 亚洲成人xxx| 精品自在线视频| 91av在线免费观看| 久久亚洲春色中文字幕| 91国产视频在线| 亚洲石原莉奈一区二区在线观看| 隔壁老王国产在线精品| 国产91成人在在线播放| 97婷婷大伊香蕉精品视频| 自拍视频国产精品| 国内精品久久久久久久久| 欧美极品在线视频| 日韩av成人在线观看| 亚洲欧美日韩区| 欧美日韩免费区域视频在线观看| 高清日韩电视剧大全免费播放在线观看| 色噜噜亚洲精品中文字幕| 亚洲精品视频在线观看视频| 国产福利视频一区| 亚洲午夜女主播在线直播| 国产ts一区二区| 国产精品久久久久久超碰| 国产精品夜色7777狼人| 97成人精品区在线播放| 亚洲欧美综合精品久久成人| 国产精品久久久久久久av电影| 国产乱人伦真实精品视频| 亚洲第一天堂无码专区| 欧美日韩中文在线观看| 亚洲欧美制服另类日韩| 日韩最新在线视频| 成人自拍性视频| 日韩中文综合网| 国产精品丝袜视频| 日韩av在线网址| 亚洲视频在线观看视频| 欧美福利视频在线观看| 亚洲女同精品视频| 在线视频国产日韩| 中文在线资源观看视频网站免费不卡| 亚洲一区二区免费| 91成人国产在线观看| 日韩电影大片中文字幕| 性欧美xxxx交| 91国产精品视频在线| 日韩网站免费观看高清| 一本久久综合亚洲鲁鲁| 国产日韩欧美视频| 国产精品高清免费在线观看| 精品久久久久久国产| 日韩精品在线观| 国产亚洲精品久久久久久牛牛| 欧美激情欧美狂野欧美精品| 中文字幕在线观看亚洲| 亚洲欧美变态国产另类| 国产日韩精品入口| 午夜精品www| 高清一区二区三区四区五区| 亚洲精品aⅴ中文字幕乱码| 欧美视频中文在线看| 欧美性受xxxx黑人猛交| 456亚洲影院| 亚洲免费av网址| 午夜精品理论片| 久久久精品视频在线观看| 日韩av毛片网| 欧美韩日一区二区| 久久人人爽人人爽人人片av高请| 国产精品情侣自拍| 久久久999国产精品| 欧美日韩一区二区精品| 亚洲xxx大片| 亚洲欧美制服中文字幕| 久久久久久噜噜噜久久久精品| 57pao成人国产永久免费| 成人国产精品一区| 国产欧美最新羞羞视频在线观看| 日韩福利在线播放| 久久韩国免费视频| 一色桃子一区二区| 成人福利网站在线观看11| 国产在线拍偷自揄拍精品| 欧美国产日韩一区二区三区| 一区三区二区视频| 中文字幕av一区二区三区谷原希美| 一区二区三区美女xx视频| 亚洲国产免费av| 成人疯狂猛交xxx| 欧美黑人极品猛少妇色xxxxx| 国产亚洲欧美日韩精品| 91视频国产高清| 日韩中文字幕久久| 91免费欧美精品| 国产精品成人一区二区三区吃奶| 欧美大片大片在线播放| 亚洲天堂免费在线| 国产亚洲成精品久久| 欧美黑人巨大xxx极品| 久久精品国产96久久久香蕉| 色先锋资源久久综合5566| 日本国产精品视频| 日韩电影网在线| 亚洲欧美日韩一区在线| 欧美极度另类性三渗透| 国产a级全部精品| 日韩在线观看免费全集电视剧网站| 亚洲视频精品在线| 欧美人与物videos| 亚洲精品在线不卡| 国产69精品久久久久久| 这里只有精品视频| 国产美女久久精品香蕉69| 日韩av片电影专区| 国产精品视频精品视频| 欧美日韩一区免费| 在线精品播放av| 成人福利在线视频| 国产美女91呻吟求| 色哟哟网站入口亚洲精品| 国产精品99一区| 日本久久久久久久久久久| 色婷婷av一区二区三区在线观看| 奇门遁甲1982国语版免费观看高清| 2019最新中文字幕|