1

我是第一次学习 javascript,我有一些疑问:我有两个数组;第一个包含一个人的图像,第二个包含他的个人信息(数组的长度相同,因为它们包含相同数量的人)。我想在我的页面中写入内容,所以打印第一个用户的图像和信息,然后是第二个用户的图像和信息,依此类推......

我该怎么做?

这是代码:

function jsonCard() 
{
var richiestaCard = new XMLHttpRequest();

richiestaCard.onreadystatechange = function()
{
    if(richiestaCard.readyState == 4) 
{
        var objectcardjson = {};
        window.arrayCard= []; //creazione dell'array che conterrà le cards
        objectcardjson = JSON.parse(richiestaCard.responseText);

        arrayCard = objectcardjson.cards; //the first array
    }
}
richiestaCard.open("GET", "longanocard.json", true);
richiestaCard.send(null);
}

function jsonEntity()
{
 var richiestaEntity = new XMLHttpRequest();

richiestaEntity.onreadystatechange = function()
{
    if(richiestaEntity.readyState == 4) 
{
        var objectentityjson = {};
        window.arrayEntity= []; //creazione dell'array che conterrà le entity
        objectentityjson = JSON.parse(richiestaEntity.responseText);

        arrayEntity = objectentityjson.cards; //the second array
    }
}
richiestaEntity.open("GET", "longano.json", true);
richiestaEntity.send(null);
}


function displayArrayCards()
{
jsonCard();
jsonEntity();  
var inizioTag = "<img src=";
var fineTag = "\>";

  for(i = 0; i < arrayCard.length; i++) 
 {
        ...
 }
}

我想让图像,然后是信息(对于第一个用户),图像和第二个用户的信息等等都包含在一个 div 中。

4

1 回答 1

1

尝试一些类似的东西

 function displayArrayCards()
{
   jsonCard();
   jsonEntity();  

   var wrapper = document.getElementById('div you want to put all of these users into');
   for(i = 0; i < arrayCard.length; i++) 
   {
        var userDiv = document.createElement('div');

        var cardImg = document.createElement('img');
        img.src = arrayCard[i];
        /** Set other attributes for img **/

        var entityDiv = document.createElement('div');
        entityImg.innerHTML = arrayEntity[i];
        /** Set other attributes for div **/

        userDiv.appendChild(cardImg);
        userDiv.appendChild(entityDiv);

        wrapper.appendChild(userDiv);
   }
}

老实说,有很多方法可以做到这一点。以上就是我会做的。

于 2012-06-25T15:06:37.767 回答