-3

我有一个像这样的json url...

{"Status":
    { "Itemlist":[ 
        { 
            "id" : "2", 
            "Name" : "test", 
            "Price" : "10", 
            "image" :"http://xxxxxxxxxxxxxx.jpg" 
        } , 
        { 
            "id" : "4", 
            "Name" : "Burger", 
            "Price" : "20", 
            "image" :"yyyyyyyyyyyyyyyyyyyyyyy.jpeg" 
        } , 
        { 
            "id" : "6", 
            "Name" : "a", 
            "Price" : "1", 
            "image" :"zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz.jpg" 
        } 
    ]}
}

我想从 json url 获取图像并使用javascript将其显示到一个列表中，用于phonegap android应用程序。请给我一个链接

4

5 回答 5

1

由于您想从 JavaScript 执行此操作，因此这里有一些基本代码可以帮助您入门。我在做一个 console.log 的地方，你会想要创建你的 HTML 并将它插入到你希望它显示的 DOM 中。

    var request = new XMLHttpRequest();
    request.open("GET", "http://my.server.com/data.json");
    request.onreadystatechange = function() {
        if(request.readyState == 4) {
            var data = JSON.parse(request.responseText);
            var list = data.Status.ItemList;
            for (i=0; i<list.length; i++) {
                console.log("Image url = " + list.image);
            }
        }
    }
    request.send();
于 2011-11-21T13:57:11.587 回答
0

我已经解析了数据并使用以下代码检索了图像：

$.getJSON("http://xxxxxxxxxxxxxxxxxxxxx?id=2",

  function(data) {

   $.each(data.Status.Itemlist, function(i,item){


  //$("<img/>").attr("src", item.image).appendTo("#images");
  $('#images ul').append("<li>'<span>"+item.Name+"</span>'<img src='"+item.image+"'
</li>");

   //$('#images ul').append("<li>'"+item.Name+"'</li>");
   //alert(i);
   // alert(item);
   //if(i==4)return false;
   });
});
于 2011-11-25T12:09:41.233 回答
0

你可以试试这个：

JSONObject mainObject = new JSONObject("JsonResponse");
JSONObject statusObject = mainObject.getJsonObject("Status");
JSONArray dataArray = statusObject.getJsonObject("Itemlist");

JSONObject subObj = null;

for(int i=0; i<dataArray.length; i++)
{
   subObj = dataArray.getJsonObject(i);
   String strImageURLValue = subObj.getString("image");

}
于 2011-11-21T07:16:51.550 回答
0

我在编写类似的应用程序时遇到了类似的问题，您可以使用惰性加载器或查看 base 64 编码和解码。然后实现线程 http://evancharlton.com/thoughts/lazy-loading-images-in-a -列表显示

http://threebrothers.org/brendan/blog/implementing-a-lazy-loading-android-gallery-with-mirah/

于 2011-11-21T07:18:26.370 回答
0

我注意到您的第一个错误：传递图像的 url 时，请确保传递完整的 url 而不是 zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz.jpg，将其设为http://10.0.2.2/zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz.jpg，其中 10.0.2.2 是 localhost 的 IP，然后使用惰性加载器将您的图像最好地呈现到列表视图中。该网站可能会揭示您正在寻找的内容http://www.javacodegeeks.com/2010/11/android-full-app-part-6-customized-list.html

于 2011-11-21T08:13:42.863 回答