Question

我试图用Ajax的Json方法创建一个fancybox画廊。脚本分为三个部分

Ajax致电：

function getimage(id) {

    $.ajax({    
        type: "GET",
        dataType: "json",
        url: 'getimages.php',
        data:'user='+id,
        success: function(data){

            $.fancybox([data], {
                    'padding': 0,
                    'transitionIn': 'none',
                    'transitionOut': 'none',
                    'type'  : 'image',
                    'changeFade' : 0,
                    'topRatio'    : 0.2
             });
        }
    });
    return false
}

Page getimages.php：

<?  

include 'config.php'; connect(); session_start();

$user_id = trim(strip_tags($_GET['user']));

$query = "SELECT url as href FROM post WHERE user_id = '$user_id' AND type = 'photo'";
$arr = array();
$rs = mysql_query($query);

while($obj = mysql_fetch_object($rs)) {
    $arr[] = $obj;
}

$json_response = json_encode($arr);

echo $json_response;

＆GT;

Json回复：

[{"href":"1df4fddf370b2e89949bbf5d6e11e037_1381707753.jpg"},{"href":"42a4701b45eb5b17cee7a8fe1beb4c48_1381957761.jpg"}]

长话短说，每张照片都有＆＃34; onclick＆＃34; getimage（id）其中＆＃34; id＆＃34;是用户ID。所以getimage.php应该搜索所有照片＆＃39;用户并使用json方法查看这些作为图库。

问题是数据返回未定义的对象（用可爱的＆＃34; alert（数据）＆＃34; obj，[obj]测试它）。现在，可能是什么问题？...我很抱歉我的英语不好。

Answer 1

您的数据已经是数组，就像使用

一样

....
success: function(data){
     console.log(data);// check in console
     if(data.length)
     {  
        $.fancybox(data, { // use data in place of [data]
           'padding': 0,
           'transitionIn': 'none',
           'transitionOut': 'none',
           'type'  : 'image',
           'changeFade' : 0,
           'topRatio'    : 0.2
        });
     }
}

Answer 2

调试使用console.log(var mixed); 如果数据是JSON-Object / String，则使用var myObj = eval('(' + data + ')');来获取JS-Object。

Ajax的JSON返回未定义的对象

2 个答案: