如何移动json并分离收到的结果?

时间:2017-07-31 16:01:09

标签: javascript json

我正在使用此Microsoft API:

  

https://azure.microsoft.com/pt-br/services/cognitive-services/computer-vision/

我用这个“代码”给她的json:

  

https://westus.dev.cognitive.microsoft.com/docs/services/56f91f2d778daf23d8ec6739/operations/56f91f2e778daf14a499e1fa

但是我需要将信息分开并将它们添加到materialize框架的collection-item中,例如:

  

  插入品牌名称

我的代码:

function PesquisaVisualComputacional(){

  // CHAVE DE INSCRIÇÃO DA API.
  var API_KEY = "---";

  // Deve-se utilizar a mesma região em que a chave de escrição da API está
  // NOTA: As chaves de inscrições de testes são geradas na região "Westcentralus".
  var uriBase = "https://westcentralus.api.cognitive.microsoft.com/vision/v1.0/analyze?";

  // Solicitar Parâmetros de Retorno do JSON.
  var params = {
    "visualFeatures": "Categories,Tags,Description,Faces,ImageType,Color,Adult",
    "details": "Celebrities,Landmarks",
    "language": "en"
  };

  // MOSTRA A IMAGEM RECEBIDA DA URL
  var sourceImageUrl = document.getElementById("inserirURLImagem").value;
  document.querySelector("#sourceImagem").src = sourceImageUrl;

  // Executa a chamada da API RESTFULL via AJAX.
  $.ajax({

    // Utiliza a uriBase para retornar os valores dos Parâmetros
    url: uriBase + $.param(params),

    // Solicita os Headers
    beforeSend: function(xhrObj){
      xhrObj.setRequestHeader("Content-Type","application/json");
      xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key", API_KEY);
    },

    // Tipo do AJAX
    type: "POST",

    // Solicita o Body
    data: '{"url": ' + '"' + sourceImageUrl + '"}',
  })

  .done(function(data) {
    // CODE JSON HERE
    //$("#responseTextArea").val(JSON.stringify(data, null, 2));
  })
  .fail(function(jqXHR, textStatus, errorThrown) {
    // Mostra as mensagens de Erro.
    var errorString = (errorThrown === "") ? "Error. " : errorThrown + " (" + jqXHR.status + "): ";
    errorString += (jqXHR.responseText === "") ? "" : jQuery.parseJSON(jqXHR.responseText).message;
    alert(errorString);
  });

};

1 个答案:

答案 0 :(得分:0)

.done(function(data) {
// CODE JSON HERE
console.log(data)
$("#responseTextArea").append(data.name);

});

对于名称,您可以使用数据中的特定字段。