javascript - json加载完成后无法显示图片

Question

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

代码

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

JAVASCRIPT代码

$(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+'" /> ');
    }
}

Answer 1

如果您的请求来自您需要的其他域，请使用：

crossDomain:true,

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

async:false,

最后，如果你调用 ShowData(data) 函数，你需要传递请求的参数（数据）

success: ShowData(data),