FancyBox的ajax利用json形成gallery

来源：互联网发布：淘宝5金冠店铺是那个编辑：程序博客网时间：2024/04/29 20:30

<script>$("#lookImage").click(function(){    $.ajax({         type : 'POST',         //data : {'gal' : $(this).attr('rel')},         url : "${z:u('/api/getImageList')}?logId="+${logId},         dataType: 'json',         complete: function(data) {           var dataX = data.responseText;           dataX = dataX.replace(/\"/g, "").replace(/href/g, "\"href\"").replace(/\'/g, "\""); //  /g表示替换全部，先去掉""，然后加上""，形成标准json//         alert(dataX);//         var img = [//           {href:'/gtsafe-data/image/20160311/vOPRqChEJw_!!1744x2896.jpg'},//           {href:'/gtsafe-data/image/20160311/VoFrQWHoTo_!!1744x2896.jpg'},//           {href:'/gtsafe-data/image/20160311/leFrqChetF_!!1273x797.jpg'},//           {href:'/gtsafe-data/image/20160311/BephgwrEJg_!!1077x664.png'},];           var dataXsplit = dataX.split(',');           var dataXarrayObj = new Array();           for(var i=0;i<dataXsplit.length;i++){               dataXarrayObj[i] = $.parseJSON(dataXsplit[i]);               //dataXarrayObj[i] = dataXsplit[i];               //alert(dataXarrayObj[i]);           }           var opts = {             prevEffect : 'none',             nextEffect : 'none',             helpers : {               thumbs : {                 width: 75,                 height: 50               }             }           };           $.fancybox(dataXarrayObj, opts);          }       });});</script>

搞了很久，主要$.parseJSON要求太高，自己对JS又不熟，本来想在后台改，改来改去，js不通，最后用JS得replace 发现挺方便的，后台传的json值
{
href: ‘/gtsafe-data/image/20160311/vOPRqChEJw_!!1744x2896.jpg’
}, {
href: ‘/gtsafe-data/image/20160311/VoFrQWHoTo_!!1744x2896.jpg’
}, {
href: ‘/gtsafe-data/image/20160311/leFrqChetF_!!1273x797.jpg’
}, {
href: ‘/gtsafe-data/image/20160311/BephgwrEJg_!!1077x664.png’
}
感谢 CodeGo.net/434539/

0 0