Question

我在屏幕上显示两个值时遇到问题（高帮和类别）：

这是我的代码：

      $.getJSON('data.json', function(obj){

        $.each(obj["best-seller"], function(key, value){

            console.log(value.title);    
            console.log(value.price); 
            console.log(value.higth-top); 
            console.log(value.category); 

                $("#produto").append(" <b>"
                    +value.title+"<br/>"
                    +value.price+"<br/>",
                    +value.category+ "<br/>",
                    +value.higth-top+ "<br/>",

                    "</b>"
                );
            });
    });

注意：类别在控制台上完美显示，但在html中返回NaN 而highth-top在控制台和Html

中返回NaN

通常会显示其他值

我在.json中搜索数据，如下所示：

{
"best-sellers": [
  {
  "title": "Chuteira Nike HyperVenomX Proximo II Society",
  "price": 499.9,
  "installments": {
    "number": 10,
    "value": 49.9
  },
  "high-top": true,
  "category": "society",
  "image": "aaaa.jpg"
   }
 ]
 }

Answer 1

只需删除append中的逗号即可。

现在你用逗号分隔变量，给出append多个参数，加号用作强制数字而不是字符串连接，给你NaN而不是预期串

$("#produto").append(" <b>"  + value.title +
                     "<br/>" + value.price + 
                     "<br/>" + value.category + 
                     "<br/>" + value['higth-top'] + 
                     "<br/></b>"
);

另请注意，连字符在点国家中无效，因为它们也意味着减去＆＃34;，您必须对属性higth-top <使用括号表示法/ p>

Answer 2

你不能用逗号连接一个字符串，所以你必须删除它们，而且点号表示法不允许使用连字符

 value.higth-top

此处javascript了解＆＃34;将top减去value.high＆＃34;

按如下方式编写

$("#produto").append(" <b>"  + value.title +
                 "<br/>" + value.price + 
                 "<br/>" + value.category + 
                 "<br/>" + value['high-top'] + 
                 "<br/></b>"
);

显示.json值时出现问题

2 个答案: