当json完成加载时无法显示图片

时间:2013-12-30 11:36:54

标签: javascript json image rotator

我想在智能手机上显示JSON API的图片,但现在不显示。

HTML CODE

<div id="xxx" data-theme="f" data-role="footer" align="bottom" ></div>

JAVASCRIPT CODE

$(document).ready(
    function()
    {
        $.ajax(
            {
                type:"GET",
                url: "http://lab.dboem.com/tpctax2/index.php?act=banner_app&code=json",
                dataType: "json" ,
                success: ShowData,
                error: function(data)
                {
                    alert("ERROR");
                },
            }
        );
    }
);

function ShowData(data)
{
    //alert(JSON.stringify(data));

    for( var i=0 ,cnt=data.length ; i<cnt ; ++i )
    {
        var img = '<img  src="'+data[0]["banner_img"]+'" /> ';
        $("#xxx").append('<img  src="'+data[i].banner_img+'" /> ');
    }
}

1 个答案:

答案 0 :(得分:0)

如果您的请求来自其他域,则需要使用:

crossDomain:true,

如果您的结果调用其他函数,则需要使用async:false参数

async:false,

最后,如果你调用ShowData(数据)函数,你就会传递所请求的参数(数据)

success: ShowData(data),