【问题标题】:Cant display the picture when json finished loadingjson加载完成后无法显示图片
【发布时间】:2013-12-30 11:36:54
【问题描述】:

我想在智能手机上显示来自 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+'" /> ');
    }
}

【问题讨论】:

  • 您的代码粘贴正确吗?您缺少结束 }); 的开头 $(document).ready(function() {
  • 我认为这个错误可能是因为你们都调用了跨域的URL
  • 感谢大家的帮助。终于可以加载了,我用data.ResultSet.Result[i].banner_img代替data[i].banner_img

标签: javascript json image rotator


【解决方案1】:

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

crossDomain:true,

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

async:false,

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

success: ShowData(data),

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-07
    • 1970-01-01
    • 1970-01-01
    • 2015-12-05
    • 1970-01-01
    相关资源
    最近更新 更多