Advertisement
basictomonokai

console.log入れまくりのbing news api検索

Aug 4th, 2016
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.  
  6.     <title>JSSample</title>
  7.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
  8. </head>
  9. <body>
  10.  
  11. <div id="aaa">ここに結果</div>
  12.  
  13. <script type="text/javascript">
  14.     $(function() {
  15.         var params = {
  16.             // Request parameters
  17.             "q": "タブレット android",
  18.             "count": "20",
  19.             "offset": "0",
  20.             "mkt": "ja-JP",
  21.             "safeSearch": "Off",
  22.         };
  23.      
  24.         $.ajax({
  25.             url: "https://api.cognitive.microsoft.com/bing/v5.0/news/search?" + $.param(params),
  26.             beforeSend: function(xhrObj){
  27.                 // Request headers
  28.                 xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","ここにAPIキーをセット");
  29.             },
  30.             type: "GET",
  31.             // Request body
  32.             data: "{body}",
  33.         })
  34.         .done(function(data) {
  35.             // console.log(data);
  36.             // console.log(data.value[0]);
  37.             // console.log(data.value[0].name);
  38.             // console.log(data.value[0].url);
  39.             // console.log(data.value[0].description);
  40.             // console.log(data.value[0].datePublished);
  41.             // console.log(data.value[0].clusteredArticles[0]);
  42.             // console.log(data.value[0].clusteredArticles[0].name);
  43.             // console.log(data.value[0].clusteredArticles[0].url);
  44.             // console.log(data.value[0].clusteredArticles[0].description);
  45.             // console.log(data.value[0].clusteredArticles[0].datePublished);
  46.  
  47.             var outall="";
  48.             var lineall="";
  49.             var ar=data.value
  50.  
  51.             for(var i = 0; i < ar.length; i++) { // iが0から9までの間の繰り返し(毎囘最後に i++ を実行)
  52.                // console.log(lineall);
  53.                lineall=lineall+data.value[i].name+"<br>";
  54.                lineall=lineall+data.value[i].url+"<br>";
  55.                lineall=lineall+data.value[i].description+"<br>";
  56.                lineall=lineall+data.value[i].datePublished+"<br><br>";
  57.             };
  58.             $('#aaa').html(lineall);
  59.             alert("success");
  60.         })
  61.         .fail(function() {
  62.             alert("error");
  63.         });
  64.     });
  65. </script>
  66. </body>
  67. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement