Ergebnis der Ajax-Abfrage in Eingabefeld schreiben [geschlossen] ⇐ JavaScript

[Anonymous]

Ich habe Schwierigkeiten, ein Eingabefeld zu aktualisieren, nachdem ich eine AJAX-Abfrage gestartet habe.
Was ich tun möchte:

• Wählen Sie einen Flughafen aus einem Dropdown-Feld aus (funktioniert)
• Nehmen Sie diesen Flughafencode (ICAO) und rufen Sie die neuesten Wetterdaten mit einem Python-Skript ab (funktioniert)
• Laden das Ergebnis ins Frontend (funktioniert)
• die entsprechenden Eingabefelder aktualisieren (funktioniert nicht)

Da ich beim Aktualisieren des Flughafenfelds eine andere Funktion auslösen muss, füge ich sie in eine andere Ereigniskonstante ein und starte beide Funktionen. Der Prozess läuft bis zur Aktualisierung der Eingabefelder. Ich habe versucht, „value“ als „setAttribute“ mit value zu verwenden, aber beides funktioniert nicht. Wir freuen uns über jede Hilfe.
Die Daten werden geladen, siehe log.result:

Code: Select all

"wind:  VRB/02  - qnh:  1023  - oat:  11  - text:  METAR EDDF 170720Z AUTO VRB02KT CAVOK 11/11 Q1023 NOSIG"

Code: Select all

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
}
})
}

Code: Select all

METAR:
WIND:



OAT:



QNH: