如何使用Javascript在成功的JSONP请求后正确打印JSON对象_Javascript_Jquery_Json_Parsing

如何使用Javascript在成功的JSONP请求后正确打印JSON对象

javascript jquery json parsing

如何使用Javascript在成功的JSONP请求后正确打印JSON对象,javascript,jquery,json,parsing,Javascript,Jquery,Json,Parsing,如何正确地将JSON“scores”对象解析/打印到demo div中（我只需要每个对象的客场、主场和得分数据）我的JSON查询如下所示（下面的代码也在工作） EV ZUG-埃斯伯格能源公司（3-2）鲁昂-HC达沃斯（2-3）等等 jQuery.support.cors=true； $.ajax({ url:“http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D

如何正确地将JSON“scores”对象解析/打印到demo div中（我只需要每个对象的客场、主场和得分数据）

我的JSON查询如下所示（下面的代码也在工作）


EV ZUG-埃斯伯格能源公司（3-2）

鲁昂-HC达沃斯（2-3）

等等
jQuery.support.cors=true；
$.ajax({
url:“http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D%22http%3a%2f%2fmobile.xscores.com%2fm_livescore%3fsport%3d4%26match_type%3dlive%26match_date%3d2016-09-06%26startPos%3d0%26endPos%3d5000%22%20limit%2050&format=json“，
键入：“获取”，
超时：3000，
数据类型：“jsonp”，
成功：功能（parsa）{
document.getElementById（“结果”）.innerHTML=
parsa.query.scores；
控制台日志（parsa）；
},
});

您没有正确解析JSON。下面是一个显示第一个分数的示例。您必须迭代结果以显示每个分数


EV ZUG-埃斯伯格能源公司（3-2）

鲁昂-HC达沃斯（2-3）

等等
jQuery.support.cors=true；
$.ajax({
url:“http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D%22http%3a%2f%2fmobile.xscores.com%2fm_livescore%3fsport%3d4%26match_type%3dlive%26match_date%3d2016-09-06%26startPos%3d0%26endPos%3d5000%22%20limit%2050&format=json“，
键入：“获取”，
超时：3000，
数据类型：“jsonp”，
成功：功能（parsa）{
document.getElementById（“结果”）.innerHTML=
parsa.query.results.json[0].scores.score；
控制台日志（parsa）；
},
});

您需要逐个循环每个数据并将它们添加到div中

试试这个：

jQuery.support.cors=true；
$.ajax({
url:“http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D%22http%3a%2f%2fmobile.xscores.com%2fm_livescore%3fsport%3d4%26match_type%3dlive%26match_date%3d2016-09-06%26startPos%3d0%26endPos%3d5000%22%20limit%2050&format=json“
，键入：“GET”
，超时时间：3000
，数据类型：“jsonp”
，成功：功能（parsa）{
var strHtml=''；
$.each（parsa.query.results.json，函数（键，值）{
strHtml+=value.scores.home+'-'+value.scores.away；
strHtml+='（'+value.scores.scores+'）
；
});
document.getElementById（“结果”）.innerHTML=strHtml；
}
});


EV ZUG-埃斯伯格能源公司（3-2）

鲁昂-HC达沃斯（2-3）

等等
jQuery.support.cors=true；
$.ajax({
url:“http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D%22http%3a%2f%2fmobile.xscores.com%2fm_livescore%3fsport%3d4%26match_type%3dlive%26match_date%3d2016-09-06%26startPos%3d0%26endPos%3d5000%22%20limit%2050&format=json“，
键入：“获取”，
超时：3000，
数据类型：“jsonp”，
成功：功能（parsa）{
var news=document.getElementsById（“结果”）；
var items=parsa.query.scores；
对于（变量i=0；i不错！这让我很开心。我会在几分钟后接受这个解决方案。很高兴帮助：）@sukkis:很高兴帮助你
{ "query": { "count": 18, "created": "2016-09-07T06:10:58Z", "lang": "fi", "results": { "json": [ { "scores": { "away": "ESBJERG ENERGY", "home": "EV ZUG", "match_type": "fin", "status": "fin", "matchId": "1311357", "score": "3-2", "image": "EUROPE (IIHF)" } }, { "scores": { "away": "HC DAVOS", "home": "ROUEN", "match_type": "fin", "status": "fin", "matchId": "1311356", "score": "2-3", "image": "EUROPE (IIHF)"}}]}}}

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery  2.1.4.min.js"></script>
</head>

<body>
  <div id="results"></div>

  <div id="resultsshouldbelikethis">
   EV ZUG - ESBJERG ENERGY (3-2)<br>
   ROUEN - HC DAVOS (2-3)<br>
   ...and so on
 </div>

  <script>
    jQuery.support.cors = true;
    $.ajax({
      url: "http://query.yahooapis.com/v1/public/yql?q=select%20scores%20from%20json%20where%20url%3D%22http%3a%2f%2fmobile.xscores.com%2fm_livescore%3fsport%3d4%26match_type%3dlive%26match_date%3d2016-09-06%26startPos%3d0%26endPos%3d5000%22%20limit%2050&format=json",
      type: "GET",
      timeout: 3000,
      dataType: "jsonp",
      success: function(parsa) {
       var news = document.getElementsById("results");
var items =  parsa.query.scores;
for(var i = 0; i < items.length; i++) {
    var p= document.createElement("p");
    p.innerHTML = items[i].away;
    news.appendChild(p);
    var p = document.createElement("p");
    p.innerHTML = items[i].home;
    news.appendChild(p);
var p = document.createElement("p");
    p.innerHTML = items[i].score;
    news.appendChild(p);

}
      },
    });
  </script>