json — объединяет элементы массива php с URL, а затем передает запрос API ajax.

Question

json — объединяет элементы массива php с URL, а затем передает запрос API ajax.

В настоящее время я работаю над проектом, который получает изображения (scandir по php) с сервера (Http: // server_ip_address / оснастка /), а затем передайте его в Microsoft Emotion API для анализа эмоций.

Однако после того, как я передал составленный URL в запрос ajax, я получил ошибку ниже:

Error: {"readyState":4,"responseText":"{\"error\":
{\"code\":\"BadBody\",\"message\":\"JSON parsing error.\"}}","status":400,"statusText":"Bad Request"}

Мой код такой:

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

<h2>Face Rectangle</h2>
<ul id="faceRectangle">
<!-- Will populate list with response content -->
</ul>

<h2>Emotions</h2>
<ul id="scores">
<!-- Will populate list with response content -->
</ul>

<body>

<script type="text/javascript">

<?php
$dir    = "snap";
$files2 = scandir($dir, 1);
?>
var images = <?php echo json_encode(array_slice($files2, 2), JSON_FORCE_OBJECT); ?>;
//Say I want to get image no.221
var info = "http://SERVER_IP_ADDRESS/snap/" + images[221];

$(function() {
// No query string parameters for this API call.
var params = { };

$.ajax({
url: "https://westus.api.cognitive.microsoft.com/emotion/v1.0/recognize?" + $.param(params),
beforeSend: function(xhrObj){
// Request headers, also supports "application/octet-stream"xhrObj.setRequestHeader("Content-Type","application/json");

// NOTE: Replace the "Ocp-Apim-Subscription-Key" value with a valid subscription key.
xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","YOUR_KEY");
},
type: "POST",
// Request body
data: '{"url": info}',
}).done(function(data) {
// Get face rectangle dimensions
var faceRectangle = data[0].faceRectangle;
var faceRectangleList = $('#faceRectangle');

// Append to DOM
for (var prop in faceRectangle) {
faceRectangleList.append("<li> " + prop + ": " + faceRectangle[prop] + "</li>");
}

// Get emotion confidence scores
var scores = data[0].scores;
var scoresList = $('#scores');

// Append to DOM
for(var prop in scores) {
scoresList.append("<li> " + prop + ": " + scores[prop] + "</li>")
}
}).fail(function(err) {
alert("Error: " + JSON.stringify(err));
});
});
//Show the variables
document.write(images[221]);
document.write(info);
</script>
</body>
</html>

Я пытался удалить «JSON_FORCE_OBJECT» в json_encode, в то время как та же самая ошибка показала.

0

ajax api json microsoft-cognitive php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Ответил ADyson: использовать data: JSON.stringify({"url": info});

Оригинальный ответ:

Исходя из этого, попробуйте data: JSON.stringify ({«url»: info}); , Другими словами, вы отправляете строку, которая выглядит как JSON, но генерируете эту строку динамически из объекта, который содержит ваш URL, а не статическое значение. Кроме того, мы не знаем, какие изображения [221] содержатся в вашем коде, поэтому мы не знаем, имеет ли смысл ваше окончательное значение URL. — ADyson

Спасибо ADyson за помощь!!!

0