盖特森的getJSON

Question

我有两个JSON-数据看起来是这样的：

[{
  "productId": "1",
  "name": "RX7048",
  "imageUrl": "http://s7d9.scene7.com/is/image",
  "description": "Modern design.",
  "price": "229.95",
  "manufacturerId": "1"
}, {
  "productId": "2",
  "name": "RB 2132 52 New Wayfarer",
  "imageUrl": "http://s7d9.scene7.com/is/image",
  "description": "Best Seller",
  "price": "129.95",
  "manufacturerId": "1"
}, {
  ...
}]

和

{
  "1": {
    "manufacturerId": "1",
    "name": "Ray-Ban",
    "city": "",
    "state": "",
    "website": ""
  },
  "2": {
    "manufacturerId": "2",
    ...
  }
}

我正试图在HTML网站上显示它们：

function getAllProducts() {
  $.getJSON('http://meyecare.herokuapp.com/api/v1/products', function(data) {
    var len = data.length;
    for(var i = 0; i < len; i++) {
      //get the name of the Manufacturer by Manufact.-Id         
      var w = $.getJSON('http://meyecare.herokuapp.com/api/v1/manufacturers/' + data[i].manufacturerId);

      $('#products').append("<tr><td class='name'>" + data[i].name +
                            "</td><td><img class='prodImg' src='" + 
                            data[i].imageUrl +  "'/>"+
                            "<td class='manus'>" + w.name + "</td>"+
                            "<td class='descr'>" + data[i].description+
                            "</td>" +
                            "<td>$ " + data[i].price+
                            "</td><td><span class='btn' prodId='" +
                            data[i].productId + "'>Buy me</span></td></tr>");
    }        
  });
}

它向我展示了在正确的列和行中有正确产品的表，但是试图加入制造商名称的列显示的是“对象”而不是制造商名。

我找不到错误，有人能帮我吗..？

Answer 1

我猜您的“制造商名称”专栏是td with manus类。如果是这样的话，那么我假设问题是为什么w.name不能正确显示。

$.getJSON是异步的。它返回一个承诺，而不是实际的API响应。因此，在这种情况下，w是一个承诺，而不是制造商的数据。

您需要以第一次使用$.getJSON的方式使用它(通过传入success回调)。