0

Bing Search API を使用して返された json データを取得して表示しようとしています。返される json の結果は次の形式です。

{"d":{"results":[{"__metadata":{"uri":"https://api.datamarket.azure.com/Data.ashx/Bing/Search/v1/News?Query=\u0027britain\u0027&$skip=0&$top=1","type":"NewsResult"},"ID":"38eda3ba-9e50-4d48-9fd1-bde42b743966","Title":"Britain\u0027s Prince William and Kate try archery in Bhutan","Url":"http://timesofindia.indiatimes.com/world/south-asia/Britains-Prince-William-and-Kate-try-archery-in-Bhutan/articleshow/51835828.cms","Source":"Times of India","Description":"Britain\u0027s Catherine looks on as she watches Prince William prepare to fire an arrow at an archery ground in Th... Read More THIMPHU: Britain\u0027s Prince William and his wife Kate tried their hand at Bhutan\u0027s national sport of archery on Thursday as they began ...","Date":"2016-04-15T08:30:00Z"}],"__next":"https://api.datamarket.azure.com/Data.ashx/Bing/Search/v1/News?Query=\u0027britain\u0027&$skip=15"}}

私がやろうとしたことはこれです

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script src="jquery-1.12.3.js">

$(document).ready(function() {

  var appId = ':MyKeyHere';

  function getNews() {
    var azureKey = btoa(appId);
    var myUrl = 'https://api.datamarket.azure.com/Bing/Search/v1/News?Query=%27britain%27&$format=json';

    $.ajax({
      method: 'post',
      url: myUrl,
      dataType:"json"

      //Set headers to authorize search with Bing
      headers: {
        'Authorization': 'Basic ' + azureKey
      },
      success: function(data) {
       var json = data.d.results[0].Title;    
       document.getElementById("demo").innerHTML = json;
      },
      failure: function(err) {
        console.error(err);  
      }
    });
  };

  getNews();

});
</script>
</body>
</html>

誰が私が間違っているのか教えてもらえますか? 私はこれが初めてです。それで、いくつか質問があります：

  1. data 変数には json オブジェクトが含まれていますか、それとも json 文字列が含まれており、それを解析する必要がありますか?

  2. 出力もエラーもありません。私は何が欠けていますか？

4

0 に答える 0