Записать результат запроса ajax в поле вводаJavascript

Форум по Javascript
Ответить
Anonymous
 Записать результат запроса ajax в поле ввода

Сообщение Anonymous »

Мне сложно обновить поле ввода после запуска запроса AJAX.
Что я хочу сделать:
  • выбрать аэропорт из раскрывающегося списка (работает)
  • взять этот код аэропорта (ИКАО) и получить последние данные о погоде с помощью скрипта Python (работает)
  • загрузить результат в интерфейс (работает)
  • обновляет соответствующие поля ввода (не работает)
Поскольку мне нужно вызвать другую функцию при обновлении поля аэропорта, я помещаю их в другую константу события и запускаю обе функции. Процесс работает до тех пор, пока не дойдет до обновления полей ввода. Я пробовал использовать «value» как «setArrtibute» со значением, но оба не работают. Любая помощь приветствуется.
Данные загружены, см. log.result:
"wind: VRB/02 - qnh: 1023 - oat: 11 - текст: METAR EDDF 170720Z AUTO VRB02KT CAVOK 11/11 Q1023 NOSIG"
Код js:
const metarText = document.getElementById('metar_textbox')
const metarWind = document.getElementById('wind_t')
const metarOat = document.getElementById('oat_t')
const metarQnh = document.getElementById('qnh_t')

irportInput.addEventListener('change', event=>{
icao_change_1(event),
icao_change_2(event)
})

const icao_change_2 = (f) =>{ // gets the METAR from the selected airport
console.log('Metar to get for: ' + f.target.value )
const sel_airport = f.target.value
$.ajax({
type: 'GET',
url: '/metar_get/',
success: function(response)
{
console.log(response)
const metarJava = response.metar_input
//metarText.innerText = ('METAR: ', metarJava.text)
console.log('wind: ', metarJava.wind, ' - qnh: ', metarJava.qnh, ' - oat: ', metarJava.oat, ' - text: ', metarJava.text)
metarWind.value= metarJava.wind
metarQnh.setAttribute('value', metarJava.qnh)
//metarOat.value = metarJava.oat

},
error: function(error)
{
console.log.error
}
})
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... nput-field
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»