Question

我正在尝试使用JQuery将JSON数组中的元素添加到div中。我对JSON很新，所以我不确定如何做到这一点。

我正在研究的JSON代码的一部分是：

"data":{
    "temp":["10","20","30","40","50","60","70","80","90","100"]....

我的代码如下：

var url = "..."

 $.getJSON(url, function(data) {


 var i;
 for (i=0; i<5; i++)
 {
     $("#div").append(data.temp[i]); 
 }

});

}

如果我附加文本但它无法让它与数组一起工作它是有效的。我在网上搜索试图找出来，但似乎没有任何工作，我不太了解JSON，弄清楚我做错了什么。任何帮助将不胜感激。

Answer 1

我建议你使用Ajax调用从url获取数据。

在上面的场景中你的函数应该看起来像

data = $.parseJSON(data);
var array = data.temp;
var htmlData = "";
for (var i=0;i<array.length;i++){
     htmlData += "<p>"+array[i] + "</p>";
}

$（＆＃34;＃DIV＆＃34）的HTML（htmlData）;

Answer 2

试试这个

var url = "...";
var $targetBlock = $('#div'); // we'll paste data into #div

$.getJSON(url, function(data) {
    var temp = ($.parseJSON(data)).temp;
    $.each(temp, function(index, el) {
        $('<p>' + el + '</p>').appendTo($targetBlock);
    });
});

Answer 3

我找到了解决方案。显然我只需要解析并像这样做data.data.temp：

{
    "accountId": "12345",
    "emailSubject": "DocuSign Signature Request from Template",
    "templateId": "44D9E888-3D86-4186-8EE9-7071BC87A0DA",
    "templateRoles": [
        {
            "email": "sally.doe@email.com",
            "name": "Sally Doe",
            "roleName": "Signer1",
            "tabs": {
                "textTabs": [
                    {
                        "tabLabel": "ApplicantName",
                        "value": "Sally Doe"
                    },
                    {
                        "tabLabel": "ApplicantSSN",
                        "value": "12-345-6789"
                    }
                ]
            }
        }
    ],
    "status": "sent"
}

JSON Jquery如何将数组元素放入div？

3 个答案: