JQuery не обновляет элемент HTML [закрыто] ⇐ Jquery

[Anonymous]

** обновление**
Мне удалось это исправить, я понял, что пытался получить доступ к массиву, который мне не нужен. Я удалил [0], а затем он начал передавать данные. (см. ниже)

Код: Выделить всё

$('#txtTemperature').html(result['data'][0]['temperature']);

Я пытаюсь заполнить элемент HTML именами тегов с помощью JQuery. JQuery прилагается, так как когда я нажимаю кнопку «Выполнить», я получаю ответ от API, поэтому я знаю, что функция кнопки «Выполнить» работает, я проверил имена тегов, и все они выглядят правильно, у меня есть пример, который поможет работать ( сейчас учусь), и я проверил оба варианта, и все выглядит одинаково.
index.html

Код: Выделить всё

API Task





53.715890 


-1.718980


Run




Weather

Temperature:





Humidity:





Wind Direction:





Wind Speed:

WeatherInfo.php

Код: Выделить всё

script.js

Код: Выделить всё

    $('#btnRun').click(function() {

$.ajax({
url: "libs/php/weatherInfo.php",
type: 'POST',
dataType: 'json',
data: {
lattitude: $('#lattitude').val(),
longitude: $('#longitude').val()

},
success: function(result) {

console.log(JSON.stringify(result));

if (result.status.name == 'ok') {

$('#txtTemperature').html(result['data'][0]['temperature']);
$('#txtHumidity').html(result['data'][0]['humidity']);
$('#txtWindDirection').html(result['data'][0]['windDirection']);
$('#txtWindSpeed').html(result['data'][0]['windSpeed']);

}

},
error: function(jqXHR, textStatus, errorThrown) {

console.log(jqXHR);
}
});

});

Я проверил все теги идентификаторов элементов HTML, а также ссылки в файле script.js, PHP работает, и я получил правильный ответ. Я также написал функцию, проверяющую загрузку JQuery, которая возвращает true.
Извиняюсь, если на этот вопрос был дан ответ, но это мой первый пост, и я проверил все предложенные сообщения, попробовал все предложенное, и я действительно застрял на этом< /п>

Подробнее здесь: https://stackoverflow.com/questions/784 ... ml-element