È possibile aggiungere intestazioni di richiesta a una richiesta di richiesta iframe?

Question

Capisco che è possibile impostare le intestazioni delle richieste HTTP molto facilmente quando si effettuano chiamate AJAX in JavaScript.

Tuttavia, è anche possibile impostare intestazioni richieste HTTP personalizzate quando si inserisce un iframe in una pagina tramite script?

<iframe src="someURL"> <!-- is there any place to set headers in this? --> 

Answer 1

No, non è possibile. Tuttavia, è possibile impostare l'origine iframe su uno script di preload, che utilizza AJAX per recuperare la pagina effettiva con tutte le intestazioni desiderate.

Answer 2

È possibile effettuare la richiesta in javascript, impostando le intestazioni che si desidera. Quindi puoi URL.createObjectURL(), per ottenere qualcosa adatto allo src dell'iframe.

var xhr = new XMLHttpRequest(); 

xhr.open('GET', 'page.html'); 
xhr.onreadystatechange = handler; 
xhr.responseType = 'blob'; 
xhr.setRequestHeader('Authorization', 'Bearer ' + token); 
xhr.send(); 

function handler() { 
    if (this.readyState === this.DONE) { 
    if (this.status === 200) { 
     // this.response is a Blob, because we set responseType above 
     var data_url = URL.createObjectURL(this.response); 
     document.querySelector('#output-frame-id').src = data_url; 
    } else { 
     console.error('no pdf :('); 
    } 
    } 
} 

Il tipo MIME della risposta viene mantenuto. Quindi se ottieni una risposta HTML, l'html verrà mostrato nell'iframe. Se hai richiesto un pdf, il browser visualizzatore pdf eseguirà l'iframe.

Se questo fa parte di un'app lato client di lunga durata, è possibile utilizzare URL.revokeObjectURL() per evitare perdite di memoria.

Gli URL degli oggetti sono anche piuttosto interessanti. Sono nella forma blob:https://your.domain/1e8def13-3817-4eab-ad8a-160923995170. Puoi effettivamente aprirli in una nuova scheda e vedere la risposta, e vengono scartati quando il contesto che li ha creati è chiuso.

Ecco un esempio completo: https://github.com/courajs/pdf-poc