国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > 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教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 茌平县| 天峻县| 临颍县| 徐水县| 松潘县| 资源县| 甘南县| 霍城县| 灵寿县| 嘉义县| 张北县| 隆昌县| 南溪县| 巴中市| 嵊泗县| 浑源县| 昌都县| 肥城市| 北辰区| 博爱县| 丰原市| 五莲县| 甘洛县| 大洼县| 同江市| 武穴市| 斗六市| 婺源县| 玉门市| 探索| 诸暨市| 樟树市| 响水县| 麦盖提县| 普定县| 司法| 无锡市| 湘乡市| 固原市| 玉龙| 延安市|