l'utilisation de javascript pour détecter si l'url existe avant de l'afficher dans un iframe

Je suis à l'aide de javascript pour passer d'une dynamique de l'url de l'iframe src. mais parfois, l'url n'existe pas, comment pourrais-je détecter la non-existent url à l'avance, de sorte que je peux me cacher l'iframe qui avec l'erreur 404.

InformationsquelleAutor Mario | 2012-06-07
  1. 52

    À cause de mon faible réputation, je ne pouvais pas commenter Derek 朕會功夫 de réponse.
    J'ai essayé ce code comme il est et il ne fonctionne pas bien. Il y a trois questions sur Derek 朕會功夫 du code.

    1. La première est que le temps de async envoyer la demande et le changement de propriété de son "statut" est plus lent que d'exécuter l'expression suivante - si(la demande.statut === "404"). Donc la demande.le statut sera finalement, en raison de l'internet à bande, restent sur le statut 0 (zéro), et de ne pas atteindre le bon code ci-dessous si. Pour corriger cela, c'est simple: changer le "vrai ""faux" sur la méthode ouverte de la requête ajax. Ce sera la cause d'une brève (ou pas) sur le bloc de votre code (en raison de appel synchrone), mais va changer le statut de la demande avant d'atteindre le test sur si.

    2. La deuxième est que l'état est un entier. L'utilisation de '===' javascript opérateur de comparaison vous êtes en train de comparer si le côté gauche de l'objet est identique à celui sur le côté droit. Pour faire ce travail il y a deux façons:

      • Supprimer les guillemets qui l'entoure, 404, il est un entier;
      • Utiliser le javascript de l'opérateur '==' vous serez donc en tester si deux objets sont similaires.

    3. La troisième est que l'objet XMLHttpRequest ne fonctionne que sur les navigateurs récents (Firefox, Chrome et ie 7+). Si vous voulez que l'extrait de travailler sur tous les navigateurs que vous avez à faire dans la voie W3Schools suggère: w3schools ajax

    Le code qui a vraiment fonctionné pour moi a été:

    var request;
if(window.XMLHttpRequest)
    request = new XMLHttpRequest();
else
    request = new ActiveXObject("Microsoft.XMLHTTP");
request.open('GET', 'http://www.mozilla.org', false);
request.send(); //there will be a 'pause' here until the response to come.
//the object request will be actually modified
if (request.status === 404) {
    alert("The page you are trying to reach is not available.");
}
    • plus 1 à cause de votre faible réputation. (et la grande réponse :))
    • PAS DE PAS DE PAS DE. Prière de ne pas lier n'importe quoi avec le W3C pour W3 Écoles. Ils ne sont pas affiliés QUELQUE SORTE.
    • Il suffit de remarquer que: Synchrone XMLHttpRequest sur le thread principal est déconseillée en raison de ses effets néfastes pour l'expérience de l'utilisateur final. Pour en savoir plus, consultez xhr.spec.whatwg.org.
    • Où vous avez trouvé quelqu'un a mentionné la relation entre le W3C et W3Schools? Personne n'a indiqué W3C ici.
    • Upvote afin qu'il puisse avoir assez de réputation pour commenter Derek 朕會功夫 la réponse ! (La bonne réponse, ne laissez rien vous arrêter bro)
    • Soins gars, ActiveXObject ne fonctionne que sur IE.
    • Cette réponse ne fonctionne plus (?!)

    InformationsquelleAutor GPrimola
  2. 27

    Utiliser un XHR et voir si elle vous répond une erreur 404 ou pas.

    var request = new XMLHttpRequest();  
request.open('GET', 'http://www.mozilla.org', true);
request.onreadystatechange = function(){
    if (request.readyState === 4){
        if (request.status === 404) {  
            alert("Oh no, it does not exist!");
        }  
    }
};
request.send();

    Mais remarquez qu'il ne fonctionne que sur la même origine. Pour un autre hôte, vous aurez à utiliser un langage côté serveur de le faire, que vous devrez trouver par vous-même.

    • But notice that it will only work on the same origin.
    • je suis en utilisant google chrome, ce travail sera?
    • Oui, tant que c'est de la même origine en raison de la même origine politique.
    • @A1rPun - .....Fixe.
    • comment avez-u ajouter le gris BG de commentaire? #curieux
    • L'envelopper dans des backticks (`)

    InformationsquelleAutor Derek 朕會功夫
  3. 4

    J'ai trouvé que cela a fonctionné dans mon scénario.

    La jqXHR.success(), jqXHR.erreur(), et jqXHR.complet() rappel méthodes introduites dans jQuery 1.5 est déprécié que de jQuery 1.8. Pour préparer votre code pour leur éventuelle suppression, l'utilisation jqXHR.done(), jqXHR.fail(), et jqXHR.toujours() à la place.

    $.get("urlToCheck.com").done(function () {
  alert("success");
}).fail(function () {
   alert("failed.");
});
    • ce n'est pas vanille javascript, c'est jQuery. Je ne pense pas que les gens viennent ici à la recherche d'jQuery réponses.
    • Je suis heureux d'accepter un jQuery réponse. 🙂
    InformationsquelleAutor fragmint
  4. 2

    Vous pouvez tester l'url via AJAX et lire le code d'état - qui est, si l'URL est dans le même domaine.

    Si c'est un domaine distant, vous pouvez avoir un script serveur sur votre propre nom de domaine, découvrez une URL distante.

    InformationsquelleAutor Joseph
  5. 1

    Vous pouvez essayer de le faire d'un simple à OBTENIR sur la page, si vous obtenez une 200 dos cela signifie que la page existe. Essayez ceci (à l'aide de jQuery), la fonction est la réussite fonction de rappel sur un succès de chargement de la page. Remarque: cela ne fonctionne que sur les sites au sein de votre domaine afin de prévenir les attaques de type XSS. D'autres domaines devront être géré côté serveur

    $.get(
   yourURL,
   function(data, textStatus, jqXHR) {
      //load the iframe here...
   }
);
    InformationsquelleAutor Matt Dodge