Im JS vom Head-Teil wird ein Ajax-Script aufgerufen, dass Daten zurückliefert, die ich der Funktion (save) innerhalb des Body-Teils übergeben muss. Oder ich muss auf ein dort erstelltes Objekt (myobj) zugreifen können.
Habt ihr da eine Idee, wie ich das bewerkstelligen könnte?
Falls du globale Variablen vermeiden möchtest, könntest du auch mit einem CustomEvent arbeiten.
Im Kopfteil kannst du im ready-Callback der AJAX-Anfrage ein CustomEvent erzeugen und auslösen:
fetch('https://example.com').then(response => {
const myEvent = new CustomEvent('myCustomEvent', {detail: response})
document.dispatchEvent(myEvent)
})
Im Bodyteil kannst du einen Event-Listener registrieren und auf das Event reagieren:
document.addEventListener('myCustomEvent', event => {
const response = event.detail;
// Mach etwas mit dem Response
})
Der Code ist ungetestet, er soll nur das Prinzip verdeutlichen.