Fatal编程技术网
  • javascript/
  • Javascript 如何使用json数据进行循环？

Javascript 如何使用json数据进行循环？

javascript jquery

Javascript 如何使用json数据进行循环？,javascript,jquery,Javascript,Jquery,我想使用json数据进行循环，这些数据显示在html标题、链接和一些addvertisment的描述中。这里有两个添加的json模板，实际上我的json有10-20个id。下面的代码我做错了什么 变量中的JSON var text = '{ "wynik":{ "wynikOk":true, "kodWykonania":0, "kodBledu":null, "komunikat":null, "dodatkoweInfo":null, "userData":n

我想使用json数据进行循环，这些数据显示在html标题、链接和一些addvertisment的描述中。这里有两个添加的json模板，实际上我的json有10-20个id。下面的代码我做错了什么

变量中的JSON

var text = '{  
"wynik":{  
  "wynikOk":true,
  "kodWykonania":0,
  "kodBledu":null,
  "komunikat":null,
  "dodatkoweInfo":null,
  "userData":null
},
"czasWykonania":null,
"addvertisments":[  
  {  
     "id":721,
     "status":1,
     "title":"Tester",
     "link":"#",
     "description":"Aliquam quis erat vitae lectus blandit auctor. Cras placerat sapien a nibh ultricies viverra. Duis nulla massa, pulvinar et lacinia vitae, congue non dolor. Sed pellentesque ut augue eu condimentum. Cras elit nisi, rutrum eu enim at, varius consectetur leo. Maecenas a bibendum nibh, sed sagittis velit. Donec vehicula purus vel orci pretium auctor. Mauris vestibulum suscipit nulla mollis ornare.",
     "dtwo":"2016/03/02",
     "idAddType":{  
        "id":2,
        "name":"Testers"
     },
     "regions":[  
        {  
           "id":12,
           "name":"region_1"
        }
     ]
  },
  {  
     "id":74,
     "status":1,
     "title":"Tester 2",
     "link":"#",
     "description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in risus eu velit laoreet vehicula. Aliquam eleifend vitae velit in suscipit. Aenean elementum, sapien sed consectetur aliquet, massa sem fringilla massa, non vulputate velit erat efficitur nibh. Cras quis libero eu lacus interdum hendrerit nec sed eros. Aliquam imperdiet rutrum ipsum a finibus. Phasellus dolor nunc, convallis sit amet nulla ut, sollicitudin ultricies magna. Fusce id nunc felis. Etiam faucibus finibus semper. Fusce semper quam nec tellus efficitur, vel mattis magna finibus. Sed felis neque, aliquam sed lectus eget, ultricies pretium libero. Duis ut posuere nisi.",
     "dtwo":"2016/02/12",
     "idAddType":{  
        "id":3,
        "name":"Prorgrammers"
     },
     "regions":[  
        {  
           "id":15,
           "name":"region_2"
        }
     ]
  },




 ]
}';
我的职能

myFunction(text);


function myFunction(arr) {
var out = "";
var i;
for(i = 0; i < arr.length; i++) {
    out += '<li><div><span>' + arr[i].title + '</span></div><div><p>' + arr[i].description + '</p><div><a  href=' + arr[i].link + '>apply</a></div></li>';
}
document.getElementById("id01").innerHTML = out;
}

myFunction（文本）；
函数myFunction（arr）{
var out=“”；
var i；
对于（i=0；i'；
}
document.getElementById（“id01”）.innerHTML=out；
}
小提琴：
我认为您的json字符串不正确： 请尝试以下字符串：

var text = "{
    "wynik": {
        "wynikOk": true,
        "kodWykonania": 0,
        "kodBledu": null,
        "komunikat": null,
        "dodatkoweInfo": null,
        "userData": null
    },
    "czasWykonania": null,
    "addvertisments": [{
        "id": 721,
        "status": 1,
        "title": "Tester",
        "link": "#",
        "description": "Aliquam quis erat vitae lectus blandit auctor. Cras placerat sapien a nibh ultricies viverra. Duis nulla massa, pulvinar et lacinia vitae, congue non dolor. Sed pellentesque ut augue eu condimentum. Cras elit nisi, rutrum eu enim at, varius consectetur leo. Maecenas a bibendum nibh, sed sagittis velit. Donec vehicula purus vel orci pretium auctor. Mauris vestibulum suscipit nulla mollis ornare.",
        "dtwo": "2016/03/02",
        "idAddType": {
            "id": 2,
            "name": "Testers"
        },
        "regions": [{
            "id": 12,
            "name": "region_1"
        }]
    }, {
        "id": 74,
        "status": 1,
        "title": "Tester 2",
        "link": "#",
        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in risus eu velit laoreet vehicula. Aliquam eleifend vitae velit in suscipit. Aenean elementum, sapien sed consectetur aliquet, massa sem fringilla massa, non vulputate velit erat efficitur nibh. Cras quis libero eu lacus interdum hendrerit nec sed eros. Aliquam imperdiet rutrum ipsum a finibus. Phasellus dolor nunc, convallis sit amet nulla ut, sollicitudin ultricies magna. Fusce id nunc felis. Etiam faucibus finibus semper. Fusce semper quam nec tellus efficitur, vel mattis magna finibus. Sed felis neque, aliquam sed lectus eget, ultricies pretium libero. Duis ut posuere nisi.",
        "dtwo": "2016/02/12",
        "idAddType": {
            "id": 3,
            "name": "Prorgrammers"
        },
        "regions": [{
            "id": 15,
            "name": "region_2"
        }]
    }]

}";
我认为您的json字符串不正确： 请尝试以下字符串：

var text = "{
    "wynik": {
        "wynikOk": true,
        "kodWykonania": 0,
        "kodBledu": null,
        "komunikat": null,
        "dodatkoweInfo": null,
        "userData": null
    },
    "czasWykonania": null,
    "addvertisments": [{
        "id": 721,
        "status": 1,
        "title": "Tester",
        "link": "#",
        "description": "Aliquam quis erat vitae lectus blandit auctor. Cras placerat sapien a nibh ultricies viverra. Duis nulla massa, pulvinar et lacinia vitae, congue non dolor. Sed pellentesque ut augue eu condimentum. Cras elit nisi, rutrum eu enim at, varius consectetur leo. Maecenas a bibendum nibh, sed sagittis velit. Donec vehicula purus vel orci pretium auctor. Mauris vestibulum suscipit nulla mollis ornare.",
        "dtwo": "2016/03/02",
        "idAddType": {
            "id": 2,
            "name": "Testers"
        },
        "regions": [{
            "id": 12,
            "name": "region_1"
        }]
    }, {
        "id": 74,
        "status": 1,
        "title": "Tester 2",
        "link": "#",
        "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in risus eu velit laoreet vehicula. Aliquam eleifend vitae velit in suscipit. Aenean elementum, sapien sed consectetur aliquet, massa sem fringilla massa, non vulputate velit erat efficitur nibh. Cras quis libero eu lacus interdum hendrerit nec sed eros. Aliquam imperdiet rutrum ipsum a finibus. Phasellus dolor nunc, convallis sit amet nulla ut, sollicitudin ultricies magna. Fusce id nunc felis. Etiam faucibus finibus semper. Fusce semper quam nec tellus efficitur, vel mattis magna finibus. Sed felis neque, aliquam sed lectus eget, ultricies pretium libero. Duis ut posuere nisi.",
        "dtwo": "2016/02/12",
        "idAddType": {
            "id": 3,
            "name": "Prorgrammers"
        },
        "regions": [{
            "id": 15,
            "name": "region_2"
        }]
    }]

}";
您可以首先使用解析它，并仅将数组作为函数的参数

函数myFunction（arr）{
var out=“”；
var i；
对于（i=0；i'；
}
document.getElementById（“id01”）.innerHTML=out；
}
var text='{“wynik”：{“wynikOk”：true，“kodWykonania”：0，“kodBledu”：null，“komunikat”：null，“dodatkoweInfo”：null，“userData”：null}，“czasWykonania”：null，“addvertisments”：[{“id”：721，“status”：1，“title”：“Tester”，“link”：“#”，“description”："这是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。Mauris前庭无侧耳畸形儿。”，“dtwo”：“2016/03/02”，“idAddType”：{“id”：2，“姓名”：“测试员”}，“地区”：[{“id”：12，“姓名”：“地区1”}]，{“id”：74，“状态”：1，“标题”：“测试员2”，“链接”：“描述”：”同一种知识是一种美德，是一种精英，它被用在汽车上。同一种知识是一种生命，它被用在汽车上。同一种知识是一种美德。同一种知识是一种智慧，它被用在汽车上。同一种知识是一种美德，它被用在汽车上。同一种知识，它被用在汽车上菲尼布斯。菲尼布斯·多洛·努克，康瓦利斯坐在阿梅特·努拉的位子上，在《大杂烩》中独树一帜。菲尼布斯·福西布斯·菲尼布斯·森佩尔。菲尼布斯·多洛·努克的位子上。菲尼特斯·努克的位子上，在《大杂烩》中独树一帜。福西布斯·福西布斯·菲尼布斯·森佩尔的位子上，菲尼布斯·多洛·多洛·努克的位子上名称“：“Prorgrammers”}，“regions”：[{“id”：15，“name”：“region_2”}]}]；
myFunction（JSON.parse（text.addvertisments）；
您可以首先使用解析它，并仅将数组作为函数的参数

函数myFunction（arr）{
var out=“”；
var i；
对于（i=0；i'；
}
document.getElementById（“id01”）.innerHTML=out；
}
var text='{“wynik”：{“wynikOk”：true，“kodWykonania”：0，“kodBledu”：null，“komunikat”：null，“dodatkoweInfo”：null，“userData”：null}，“czasWykonania”：null，“addvertisments”：[{“id”：721，“status”：1，“title”：“Tester”，“link”：“#”，“description”：这是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。他是一个非常好的拍卖人。Mauris前庭无侧耳畸形儿。”，“dtwo”：“2016/03/02”，“idAddType”：{“id”：2，“姓名”：“测试员”}，“地区”：[{“id”：12，“姓名”：“地区1”}]，{“id”：74，“状态”：1，“标题”：“测试员2”，“链接”：“描述”：”同一种知识是一种美德，是一种精英，它被用在汽车上。同一种知识是一种生命，它被用在汽车上。同一种知识是一种美德。同一种知识是一种智慧，它被用在汽车上。同一种知识是一种美德，它被用在汽车上。同一种知识，它被用在汽车上菲尼布斯。菲尼布斯·多洛·努克，康瓦利斯坐在阿梅特·努拉的位子上，在《大杂烩》中独树一帜。菲尼布斯·福西布斯·菲尼布斯·森佩尔。菲尼布斯·多洛·努克的位子上。菲尼特斯·努克的位子上，在《大杂烩》中独树一帜。福西布斯·福西布斯·菲尼布斯·森佩尔的位子上，菲尼布斯·多洛·多洛·努克的位子上名称“：“Prorgrammers”}，“regions”：[{“id”：15，“name”：“region_2”}]}]；
myFunction（JSON.parse（text.addvertisments）；
您应该使用

text['addvertisments']
那么一切都会好起来的

你可以替换

for (var i=0; i<arr.length; i++)
您应该使用

text['addvertisments']
那么一切都会好起来的

你可以替换

for (var i=0; i<arr.length; i++)
我认为您没有解析JSON，因为
text
变量只是一个字符串。您还必须获得JSON的
addvertisments
属性，如下所示：

function myFunction(text) {
    var arr = JSON.parse(text).addvertisments;
    var out = "";
    var i;

    for(i = 0; i < arr.length; i++) {
        out += '<li><div><span>' + arr[i].title + '</span></div><div><p>' + arr[i].description + '</p><div><a  href=' + arr[i].link + '>apply</a></div></li>';
    }
    document.getElementById("id01").innerHTML = out;
}

函数myFunction（文本）{
var arr=JSON.parse（text）.addvertisments；
var out=“”；
var i；
对于（i=0；i'；
}
document.getElementById（“id01”）.innerHTML=out；
}
我认为您缺少对JSON的解析，因为
text
变量只是一个字符串。您还必须获得JSON的
addvertisments
属性，如下所示：

function myFunction(text) {
    var arr = JSON.parse(text).addvertisments;
    var out = "";
    var i;

    for(i = 0; i < arr.length; i++) {
        out += '<li><div><span>' + arr[i].title + '</span></div><div><p>' + arr[i].description + '</p><div><a  href=' + arr[i].link + '>apply</a></div></li>';
    }
    document.getElementById("id01").innerHTML = out;
}

函数myFunction（文本）{
var arr=JSON.parse（text）.addvertisments；
var out=“”；
var i；
对于（i=0；i'；
}
document.getElementById（“id01”）.innerHTML=out；
}
json中的标题、链接、描述以及每个添加都有任何方法可以将您的c