代码之家 › 专栏 › 技术社区 › Gracie Sullivan

$.getJson函数未附加到div

getjson json html jquery

Gracie Sullivan · 技术社区 · 8 年前

到目前为止,我有这个功能:

    $.getJSON( "https://api.myjson.com/bins/14uau1", function(data) {
    var dealers = data.dealers.map(dealer => {
    let currentDealer = dealer.data;
    let newDiv = document.createElement("div");
    newDiv.setAttribute("id", currentDealer.customerID);
    return newDiv.innerHTML= currentDealer;
   })

   dealers.map(i => {
     let holder = document.getElementById("dealer");
     holder.appendChild(i);
      console.log(i);
  })

然而,每当我尝试运行它时,它都会给我这个错误

index:212 Uncaught TypeError: Failed to execute 'appendChild' on   'Node': parameter 1 is not of type 'Node

那么,最好的方法是什么呢?

1 回复 | 直到 8 年前

Siah 8 年前

首先,代码中有几个语法错误。

缺少一个 }) 这是你想要处理的。

return newDiv.innerHTML = currentDealer
newDiv 就像你想的那样。相反,您应该首先分配innerHTML( newDiv.innerHTML = <value> return newDiv uncaught TypeError 错误

您还将分配一个Javascript对象( currentDealer )而不是字符串。如果要输出此对象的JSON字符串,请使用 JSON.stringify currentDealer.data.companyID .

还要注意,在这一行 newDiv.setAttribute("id", currentDealer.customerID); currentDealer.customerID

综上所述

首先,检查语法错误
然后,检查您分配的值是否存在( console.log console.dir 是你的朋友)并匹配 data type 您正在尝试分配给

https://codepen.io/hydrospell/pen/KvRgvB

推荐文章

Ovan · 无法在php脚本上调用JavaScript函数

7 年前

aynaz · json发送时将字符串的第一个字母大写[重复]

8 年前

user8953638 · 如何通过$准确访问天气API。getjson方法JSON

8 年前

lnmh · 从web获取JSON数据并使用RecyclerView显示

8 年前

Ben Koo · 客户端调用JSON结果显示为未定义

8 年前

A. Barrozo · getJSON打开一个JSON文件,而不是另一个[duplicate]

8 年前

Gracie Sullivan · $.getJson函数未附加到div

8 年前

G B · 如何在Ionic中打印JSON中的数据

8 年前

G B · JSON无法读取未定义的属性“img”

8 年前

123 · getJSON回调不起作用

8 年前