gpt4 book ai didi

javascript - 如何JSON解析多元素数组?

转载 作者:行者123 更新时间:2023-11-30 17:18:52 26 4
gpt4 key购买 nike

试图从 PHP 中获取数据。我正在使用 url 来显示图像,然后我正在使用标签来重新排序我试图创建称为数据的数组。我不确定我是否正确解析。

var data = [];

function importJson(str) {

if (str == "") {
document.getElementById("content").innerHTML = "";
return;
}
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}


xmlhttp.onreadystatechange = function() {

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

data = JSON.parse(xmlhttp.response);
alert(xmlhttp.response);
alert(data);

for (var sport_index = 0; sport_index < data.sport.length; sport_index++) {
var url1 = data.sport[sport_index][1];
alert(data.sport);
}
alert(url1);
}
}

xmlhttp.open("GET", "http://server/~name/folder/many.php");
xmlhttp.responseType = "json";
xmlhttp.send();

function buildImage(imagesrc) {
var img = document.createElement('img');
img.src = imagesrc;
document.getElementById('content').appendChild(img);
}

}

xmlhttp.response 看起来像这样

{"sport":[{"ImagesId":"34","ImagesPath":"http:\/\/server\/~name\/folder\/images\/24-08-2014-1408868419.png","Tag":"sport"},{"ImagesId":"30","ImagesPath":"http:\/\/server\/~name\/folder\/images\/23-08-2014-1408824125.png","Tag":"sport"}],"clothes":[{"ImagesId":"33","ImagesPath":"http:\/\/server\/~name\/folder\/images\/23-08-2014-1408824179.png","Tag":"clothes"},{"ImagesId":"32","ImagesPath":"http:\/\/server\/~name\/folder\/images\/23-08-2014-1408824166.png","Tag":"clothes"}],"food":[{"ImagesId":"31","ImagesPath":"http:\/\/server\/~name\/folder\/images\/23-08-2014-1408824158.png","Tag":"food"}]} 

但数据看起来像 [object Object],当我尝试使用 url 来创建图像时,元素是未定义的。

最佳答案

在 Javascript 对象中,您可以通过名称访问元素,例如:

data.sport[sport_index]["ImagesPath"]

或者

data.sport[sport_index].ImagesPath

关于javascript - 如何JSON解析多元素数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25559418/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com