Comment puis-je utiliser XMLHttpRequest pour obtenir et stocker du HTML distant dans une variable JavaScript ?

Obtention de la réponse de XMLHttpRequest

XMLHttpRequest est un outil polyvalent permettant de charger du contenu distant dans une variable JavaScript. Pour récupérer le contenu HTML d'une URL spécifique, suivez ces étapes :

Énoncé du problème :

Comment stocker le HTML d'un site distant dans une variable JS à l'aide XMLHttpRequest?

Solution :

XMLHttpRequest.responseText dans XMLHttpRequest.onreadystatechange, déclenché lorsque XMLHttpRequest.readyState est égal à XMLHttpRequest.DONE, contient le HTML réponse.

Exemple :

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        alert(xhr.responseText);
    }
}
xhr.open('GET', 'http://example.com', true);
xhr.send(null);

Compatibilité entre navigateurs :

Pour une compatibilité multi-navigateurs améliorée, vous peut exploiter jQuery :

$.get('http://example.com', function(responseText) {
    alert(responseText);
});

Même origine Politique :

Notez que la politique de même origine pour JavaScript restreint les requêtes d'origine croisée. Pensez à créer un script proxy sur votre domaine pour contourner cette limitation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!