Question

我正在尝试从我的数据库中获取图像路径列表，并在Jquery和Json的帮助下将其添加到我的网站中。但我不在php t know why after encoding my string using json_encode`中改变它的路径并向我显示

[{"0":"user\/photogallery\/images\/members\/2\/2_1.jpg","src":"user\/photogallery\/images\/members\/2\/2_1.jpg"},{"0":"user\/photogallery\/images\/members\/2\/2_2.jpg","src":"user\/photogallery\/images\/members\/2\/2_2.jpg"}]

我只需要user/photogallery/images/members/2/2_2.jpg部分来创建新的<img src ="user/photogallery/images/members/2/2_2.jpg " />组件。

这是我的php代码和脚本

$member_id  = $GET['member_id'];
$files      = find_all_photos($member_id);

$encoded    = json_encode($files);
echo $encoded;
unset($encoded);

 function find_all_photos($id)
    {
      db_connect();

    $query = sprintf("SELECT src FROM photo_album_list WHERE user_id = '%s'", 
                           mysql_real_escape_string($id)); 

        $result = mysql_query($query);

        $result = db_result_to_array($result);

        return $result;
    }


    function db_result_to_array($result)
    {
        $res_array = array();

    for ($count=0;  $row = mysql_fetch_array($result); $count++)
    {
      $res_array[$count] = $row;
    }

        return $res_array;

    }

和脚本

$.get('photostack.php', {member_id:2} , function(data) {
                        console.log(data);
                        var items_count = data.length;
                        for(var i = 0; i < items_count; ++i){
                            var item_source = data[i];
                            var cnt         = 0;
                            $('<img />').load(function(){
                                var $image = $(this);
                                ++cnt;
                                resizeCenterImage($image);
                                $ps_container.append($image);
                                var r       = Math.floor(Math.random()*41)-20;
                                if(cnt < items_count){
                                    $image.css({
                                        '-moz-transform'    :'rotate('+r+'deg)',
                                        '-webkit-transform' :'rotate('+r+'deg)',
                                        'transform'         :'rotate('+r+'deg)'
                                    });
                                }
                                if(cnt == items_count){
                                    $loading.remove();
                                    $ps_container.show();
                                    $ps_close.show();
                                    $ps_overlay.show();
                                }
                            }).attr('src',item_source);
                        }
                    },'json');

Answer 1

听起来你在路径中的斜线之前添加反斜杠感到困扰。完全同意那个非常奇怪（没有必要“逃避”JSON字符串中的斜杠），但在大多数表示法中，如果该字符没有“逃避”不需要转义的字符是无害的有一个特殊的逃脱意义。（也就是说，逃避/即使它不需要它也是无害的，但显然对n无害，即使它并不意味着它，因为\n意味着什么）。

在我看来，JSON page对于如何处理无效转义没有提及，但是Crockford's own parser允许它们（忽略不必要的反斜杠），所以......（Crockford是JSON的发明者。）

Answer 2

转义后的反斜杠可能会以这种方式存储在数据库中，因此您的JSON字符串只是逐字地提取它们。如果要删除它们，则需要在return或json_encode()之前处理从数据库返回的字符串。

Jquery：JSON更改路径的字符串

2 个答案: