0

我正在尝试使用 Ajax 的 Json 方法创建一个精美的画廊。脚本分为三部分

阿贾克斯调用:

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
}

页面 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;

?>

json响应:

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

长话短说,每张照片都有“onclick”getimage(id),其中“id”是用户ID。所以 getimage.php 应该搜索所有照片的用户,并使用 json 方法将这些作为图库。

问题是数据返回未定义的对象(用可爱的 "alert(data)" obj,[obj] 测试它)。现在,可能是什么问题?...我很抱歉我的英语不好。

4

2 回答 2

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
        });
     }
}
于 2013-10-17T10:44:12.743 回答
0

console.log(var mixed); 如果数据是 JSON 对象/字符串,则调试使用var myObj = eval('(' + data + ')');以获取 JS 对象。

于 2013-10-17T10:49:10.347 回答