API компьютерного зрения для javascript не работает [ошибка новичка]

Я новичок в службах Microsoft Cognitive Services, и эту проблему, кажется, можно легко исправить, но она испортила мои два дня. Я только что скопировал компьютерное зрение для кода javascript, заменил свой ключ подписки на мой и открыл файл .html в моем браузере, в котором говорится об ошибке.

  1. Я должен что-то добавить в код
  2. Кроме того, я не предоставил никакого изображения в этом коде, что он делает без изображения?

Код скрипта здесь

<!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
            "visualFeatures": "Categories",
            "details": "{string}",
            "language": "en",
        };

        $.ajax({
            url: "https://westus.api.cognitive.microsoft.com/vision/v1.0/analyze?" + $.param(params),
            beforeSend: function(xhrObj){
                // Request headers
                xhrObj.setRequestHeader("Content-Type","application/json");
                xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","{6e07223403d94848be20af6f126fsssd}");
            },
            type: "POST",
            // Request body
            data: "{body}",
        })
        .done(function(data) {
            alert("success");
        })
        .fail(function() {
            alert("error");
        });
    });
</script>
</body>
</html>

код и предварительный просмотр ошибки

код и предварительный просмотр ошибки


person Kapil Bhatt    schedule 01.04.2017    source источник
comment
код добавляйте прямо в вопрос .. не скриншот .. будет легче читать   -  person Suraj Rao    schedule 01.04.2017
comment
Я только что добавил этот код, пожалуйста, просмотрите и оставьте свой ценный отзыв.   -  person Kapil Bhatt    schedule 01.04.2017
comment
Попробуйте без {} здесь: xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","6e07223403d94848be20af6f126fsssd");   -  person Suraj Rao    schedule 01.04.2017
comment
Тогда он показывает синтаксическую ошибку.   -  person Kapil Bhatt    schedule 01.04.2017


Ответы (1)


Хотя это не очень очевидно, в любом фрагменте кода со справочной страницы API Cognitive Service, например этот, который, как я подозреваю, вы использовали, вы должны указать значение (или удалить) везде, где оно показывает {something}. Вот код с подходящими значениями:

<!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">
    var myKey = "6e07223‌​403d94848be20af6f126‌​fsssd";
    var myBody = {url:"http://www.gannett-cdn.com/-mm-/2d2a8e29485ced74b7537554043aeae2e0bba202/c=0-104-5177-3029&r=x1683&c=3200x1680/local/-/media/2015/07/18/USATODAY/USATODAY/635728260394906410-AP-GOP-Trump-2016.jpg"}
    $(function() {
        var params = {
            // Request parameters
            "visualFeatures": "Categories",
            "language": "en",
        };

        $.ajax({
            url: "https://westus.api.cognitive.microsoft.com/vision/v1.0/analyze?" + $.param(params),
            beforeSend: function(xhrObj){
                // Request headers
                xhrObj.setRequestHeader("Content-Type","application/json");
                xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key", myKey);
            },
            type: "POST",
            // Request body
            data: JSON.stringify(myBody),
        })
        .done(function(data) {
            alert("success");
            debugger;
        })
        .fail(function() {
            alert("error");
        });
    });
</script>
</body>
</html>
person cthrash    schedule 01.04.2017