使用javascript在我的頁面中寫入數組內容

我第一次學習javascript，並且有一些疑問：我有兩個數組;第一個包含一個人的圖像，第二個包含他的個人信息（數組的長度相同，因爲它們包含相同數量的人）。我想寫在我的網頁上的內容，所以打印圖像和第一位用戶的信息，然後圖像和第二等信息...使用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。

來源

2012-06-25 user1453638

請顯示您到目前爲止的代碼。 – nnnnnn

當這聽起來完全類似於什麼表時，您正在使用'div'的任何特定原因？ –

嘗試一些沿

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-25 15:06:37

var cardImg = document.createElement（'img'）; cardImg.src = arrayCard [i]; 我試過了，但它在加號時不起作用，當我再次單擊按鈕時，它不會清除以前的內容。我該如何解決它？ – user1453638

我修好了......感謝很多人;） – user1453638

使用javascript在我的頁面中寫入數組內容

回答

相關問題