javascript - 如何在HTML中使用jquery或JS通过json获取图像

Question

任何人都可以帮忙吗，我在 Json 中是全新的，我想获取图像，但在数组和对象方面有点混淆。或者是否可以获取没有 img 标签的图像。预先感谢您

This is my JSON link

这是我尝试过的:

function myFunction(worldpopulation) {
    var out = "";
    var i;
    for(i = 0; i<worldpopulation.length; i++)
        out += '' + worldpopulation[i].rank;
    document.getElementById("id01").innerHTML = out;
}

帮我只获取“排名”

{ "worldpopulation": 
    [
         {
         "rank":1,"country":"China",
         "population":"1,354,040,000",
         "flag":"http://www.androidbegin.com/tutorial/flag/china.png"
         }, 

         {
         "rank":2,"country":"India",
         "population":"1,210,193,422",
         "flag":"http://www.androidbegin.com/tutorial/flag/india.png"
         }, 

         {
         "rank":3,"country":"United States",
         "population":"315,761,000",
         "flag":"http://www.androidbegin.com/tutorial/flag/unitedstates.png"
         }, 

    ]
}

Answer 1

首先，您将使用 XMLHttpRequest 从此页面获取 json 内容的内容

var request = new XMLHttpRequest();
var url = "http://www.androidbegin.com/tutorial/jsonparsetutorial.txt";
request.onreadystatechange = function() {
    if(request.readyState == && request.status == 200) {
        var myArr = JSON.parse(xmlhttp.responseText);
        myFunction(myArr);
    }
}

myFunction 的实现

function myFunction(myArr)
{
    for(var i=0; i< myArr.length; ++i) {
        var img ; // get your element you want to place img inside
        img.src = myArr[0].flag;
    }
}