javascript - json の読み込みが完了したときに画像を表示できない

Question

JSON APIの画像をスマートフォンに表示したいのですが、今は表示されません。

HTMLコード

<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),