Retour HTML Avec fetch()

Je suis en train de chercher un fichier et de le renvoyer du HTML. Cependant, il n'est pas aussi simple que je l'aurais imaginé.

    fetch('/path/to/file')
    .then(function (response) {
      return response.body;
    })
    .then(function (body) {
      console.log(body);
    });

Il renvoie un objet appelé ReadableByteStream. Comment puis-je l'utiliser pour saisir le fichier HTML du contenu?

Si je change le contenu de /path/to/file être une chaîne JSON, et le changement ci-dessus:

    fetch('/path/to/file')
    .then(function (response) {
      return response.json();
    })
    .then(function (json) {
      console.log(json);
    });

... il renvoie le JSON correctement. Comment dois-je faire récupérer HTML?

cela soulève des inquiétudes: que comptez-vous faire avec le HTML? parce que j'espère que c'est pas "l'injecter dans mon document actif". Au lieu de demander des données en JSON formulaire, puis construire DOM autour de, côté client, de sorte que vous l'utilisateur n'est pas chargé potentiellement piratés et super dangereux aveugle HTML.

OriginalL'auteur ditto | 2016-04-14

  1. 19

    Vous devez utiliser le .text() méthode, au lieu de .json(). Cette fonction convertit le flux d'octets en texte brut, ce qui peut être interprété par le navigateur comme HTML.

    OriginalL'auteur bronzehedwick

  2. 0

    Il devrait être:

    fetch('/path/to/file').then(function(response) {
    return response.text();
}).then(function(string) {
    console.log(string);
}).catch(function(err) {  
    console.log('Fetch Error', err);  
});

    OriginalL'auteur Trần Nguyên Khuyến