从外部 URL 获取 JSON 数据并以纯文本形式插入 div

Question

我编写了一个函数来显示来自外部网页的一些段落标签。由于某种原因，结果显示在 firebug 控制台中，但没有按我的意愿显示在网页上（空白页）。

function requestCrossDomain(callback){
  var querylink = "select * from html where url='http://somedomain.com'" +  
                     " and xpath='/html/body/div/div/div[2]/div/div/div/dl'";
  var yql = 'http://query.yahooapis.com/v1/public/yql?q=' + 
                encodeURIComponent(querylink) + '&format=json&callback?';

  $.getJSON(yql, function(data){
    if (typeof callback === 'function'){
      callback(data);
      }
   });
}

我的萤火虫控制台显示以下值。

{"query":{"count":1,"created":"2013-12-23T06:31:46Z","lang":"en-US","results":{"dd":{"p":"Hills: High"}}}}

如何修改代码以显示P标签的值，即“Hills: High”

我从 HTML 代码调用函数并尝试在“#targetWrapper”中显示值

requestCrossDomain(function(results){
  $('#targetWrapper').html(results);
});

Answer 1

编辑以反映功能性fiddle

$(document).ready(function(){
  requestCrossDomain();
});

function requestCrossDomain(){
  var querylink = "select * from html where url='http://www.bom.gov.au/wa/forecasts" +  
                  "/armadale.shtml' and xpath='/html/body/div/div/div[2]/div/div" +  
                  "/div/dl'";   

  var yql = 'http://query.yahooapis.com/v1/public/yql?q=' +
             encodeURIComponent(querylink) + '&format=json&callback?';

  $.getJSON(yql, function(data){
    $('#targetWrapper').html(data.query.results.dl.dd[0].p);
    $("#targetWrapper").append("<br/><strong>" + JSON.stringify(data) + "</strong>");
  });
}

您的数据格式非常不符合标准，并且您不能有两个同名的函数。

Answer 2

您从$.getJSON 返回的对象是一个简单的Javascript Object。您可以像访问任何其他对象一样访问它：

在这种情况下，你会使用：

requestCrossDomain(function(results) {
    $("#targetWrapper").html(results.query.results.dd.p);
}

我强烈建议您阅读我在上面链接的 MDN 文档。将 MDN 加入书签也是一个好主意；这是一个很好的资源，可以轻松访问。