2016-05-30 9 views
1

私はドキュメントhereを以下だと下部のサンプルコードは、このマイクロソフトのビジョンAPIにajaxリクエストを送信するにはどうすればよいですか?

<!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 
     "returnFaceId": "true", 
     "returnFaceLandmarks": "false", 
     "returnFaceAttributes": "{age}", 
    }; 

    $.ajax({ 
     url: "https://api.projectoxford.ai/face/v1.0/detect?" + $.param(params), 
     beforeSend: function(xhrObj){ 
      // Request headers 
      xhrObj.setRequestHeader("Content-Type","application/json"); 
      xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","e2c75ad5d44846d590ac7c2dcc2f210e"); 
     }, 
     type: "POST", 
     // Request body 
     data: "http://newsrescue.com/wp-content/uploads/2015/04/happy-person.jpg", 
    }) 
    .done(function(data) { 
     alert("success"); 
    }) 
    .fail(function() { 
     alert("error"); 
    }); 
}); 
</script> 
</body> 
</html> 

のように見えますが、私はエラーコードには見られない404のリソースを取得しておきます。誰かが私が間違っていることを教えてもらえますか?

答えて

3

Postmanのクイックチェックでは、(404ではなく)悪いパラメータが表示されています。物事の

カップル:

  1. returnFaceAttributes"age"(ない"{age}")でなければなりません
  2. dataは(data更新を確認してください)、これを試してみてくださいPARAM名

を必要とします

<html> 
<head> 
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
    <title>JSSample</title> 

</head> 
<body> 

<script type="text/javascript"> 
    $(function() { 
    var params = { 
     // Request parameters 
     "returnFaceId": "true", 
     "returnFaceLandmarks": "false", 
     "returnFaceAttributes": "age", 
    }; 

    $.ajax({ 
     url: "https://api.projectoxford.ai/face/v1.0/detect?" + $.param(params), 
     beforeSend: function(xhrObj){ 
      // Request headers 
      xhrObj.setRequestHeader("Content-Type","application/json"); 
      xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","e2c75ad5d44846d590ac7c2dcc2f210e"); 
     }, 
     type: "POST", 
     // Request body 
     data: '{ "url": "http://newsrescue.com/wp-content/uploads/2015/04/happy-person.jpg"}' 
    }) 
    .done(function(data) { 
     console.log(data); 
     alert("success"); 
    }) 
    .fail(function() { 
     alert("error"); 
    }); 
}); 
</script> 
</body> 
</html> 

私はjsbinを作成しました(彼女はマイクロソフトによると19.3歳です)。

最後1つ重要メモ。すぐにOcp-Apim-Subscription-Keyキーを変更してください!

+0

ありがとうございます – hooray4horus

関連する問題