2016-07-23 116 views
3

我正在嘗試使用圖片搜索API,但沒有獲得搜索結果。 這是我在同一頁文檔中找到的代碼。如何使用圖片搜索API [BING]

<!DOCTYPE html> 
<html> 
<head> 
    <title>JSSample</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
</head> 
<body> 

<script type="text/javascript"> 
    $(function() { 
     var params = { 
      // Request parameters 
      "q": "cats", 
      "count": "10", 
      "offset": "0", 
      "mkt": "en-us", 
      "safeSearch": "Moderate", 
     }; 

     $.ajax({ 
      url: "https://api.cognitive.microsoft.com/bing/v5.0/images/search?" + $.param(params), 
      beforeSend: function(xhrObj){ 
       // Request headers 
       xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","MYKEY"); 
      }, 
      type: "GET", 
      // Request body 
      data: "{body}", 
     }) 
     .done(function(data) { 
      alert("success"); 
     }) 
     .fail(function() { 
      alert("error"); 
     }); 
    }); 
</script> 
</body> 
</html> 

我真的想做圖片搜索,並且使用這個API可以爲我服務。

+0

'data:「{body}」'看起來不正確 - 您是否有鏈接到您從此代碼獲取該代碼的頁面? –

+0

url is [link] https://dev.cognitive.microsoft.com/docs/services/56b43eeccf5ff8098cef3807/operations/56/44bdcf5ff8098cef380d [/ link]我試着'console.log(data)'沒有結果 –

+0

奇怪你怎麼需要這個'除了C#之外的每種語言中的「{body}」'...控制檯上的任何錯誤或消息 –

回答

0

Jaromanda X是對的,你可以刪除{body}它應該工作。我使用相同的代碼,它工作正常。

<!DOCTYPE html> 
<html> 
<head> 
    <title>JSSample</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
</head> 
<body> 

<script type="text/javascript"> 
    $(function() { 
     var params = { 
      // Request parameters 
      "q": "cats" 
     }; 

     $.ajax({ 
      url: "https://api.cognitive.microsoft.com/bing/v5.0/images/search?" + $.param(params), 
      beforeSend: function(xhrObj){ 
       // Request headers 
       xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","MYKEY"); 
      }, 
      type: "GET", 
      // Request body 
      data: "", 
     }) 
     .done(function(data) { 
      alert("success"); 
     }) 
     .fail(function() { 
      alert("error"); 
     }); 
    }); 
</script> 
</body> 
</html>