FancyBox的ajax利用json形成gallery_$('#lookimagelists img')-优快云博客

本文介绍了解决使用$.parseJSON处理不规范JSON字符串的问题，通过字符串替换实现正确的JSON格式化，并成功展示图片列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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/