Charger la page à l'intérieur de l'IFRAME à l'aide d'ajax

comment sur le chargement de votre page à l'aide d'une IFRAME ? Je me suis demandé si c'est possible ..

Exemple, j'ai cette iframe ci-dessous.

<iframe id="iframe" width="1024" height="600" src="http://www.sample.com"></iframe>

Je veux le www.sample.com la page à charger à l'intérieur de cette iframe par ne pas simplement ajouter l'URL dans src attribut, au lieu de cela, je vais récupérer les données de la page à l'aide d'ajax et de les charger à l'aide de balise IFRAME. Je suis en train de penser à ce sujet, car j'ai un gros problème sur IFRAME cache la plupart du temps.

J'ai aussi essayer cette chose, mais, il ne fonctionne pas parfaitement sur ma fin.

<iframe id="iframe" width="1024" height="600" src="http://www.sample.com?random=1422841682605""></iframe>

aléatoire est de changer à chaque fois que je charge cette iframe.

Je veux mettre sur mon sensibles outil comme sur l'image ci-dessous. Si vous avez besoin d'une réelle vue cliquez ici.

Charger la page à l'intérieur de l'IFRAME à l'aide d'ajax

Merci les gars, si vous avez une idée là-bas .

Si www.sample.com n'est pas le même domaine que votre page avec l'iframe, vous ne pouvez pas simplement utiliser de l'AJAX.
Grâce sideroxylon..mais est-il un moyen pour empêcher iframe cahce? avez-vous une idée?

OriginalL'auteur Anthony Carbon | 2015-02-02

  1. 4

    Vous pouvez toujours utiliser la src, mais de fournir des données de l'URL comme ceci:

    src = 'data:text/html;charset=utf-8,' + 
    encodeURIComponent( //Escape for URL formatting
        '<!DOCTYPE html>'+
        '<html lang="en">'+
        '<body><h1>Another document!</h1></body>'+
        '</html>'
    );
    Merci monsieur..mais je suis confondre de ce code. pouvez-vous me donner plus d'indice, de sorte que je peux appliquer ça sur mon code?
    En utilisant ajax, vous pouvez demander le code html de la page que vous avez besoin de le montrer. Lorsque vous obtenez html de la page, et reçu il suffit de faire: src = 'data:text/html;charset=utf-8,' + encodeURIComponent( thatHtml );
    monsieur, veuillez jeter un oeil à ma mise à jour de la question ci-dessus, par exemple. Toute aide de votre part serait très apprécié.

    OriginalL'auteur c-smile

  2. 1

    Assurez-vous d'utiliser "http://" devant le lien, exemple:

    <iframe src="http://www.google.com"></iframe>
    Désolé j'ai oublié d'ajouter http:// sur mon code, mais je l'ai déjà sur mon iframe src.

    OriginalL'auteur Mustafa A.

  3. 1

    Si www.sample.com est sur le même domaine, vous pouvez faire ceci:

    <div id = "targetDiv"></div>
<script>
$('document').ready(function() {
    $('#targetDiv').load('www.sample.com');
});
</script>

    Si, si c'est le même domaine, vous auriez probablement utiliser .load('/');

    Non monsieur .. à la fois de ne pas le même nom de domaine .
    Alors AJAX seul n'est pas votre ami.
    ne pas utiliser une iframe

    OriginalL'auteur sideroxylon

  4. 1

    Vous pouvez modifier l'emplacement d'un iframe avec Javascript avec quelques méthodes différentes.

    var frame = document.getElementById("iframe");
frame.src = "http://www.sample.com";
frame.contentWindow.location = "http://www.sample.com";
frame.contentWindow.open("http://www.sample.com");

    Bien sûr, vous devez être très prudent avec les iframes. Si l'iframe points d'un domaine étranger (c'est à dire: "Cross-Origin", c'est à dire: PAS le même domaine sur lequel la page web principale est hébergé) vous permettra de violation de la sécurité du navigateur politiques et de générer des erreurs si vous essayez de les manipuler /lire de nombreuses propriétés.

    Également noter que, en changeant un élément iframe est src attribut, l'iframe automatiquement le déplacement vers le nouvel emplacement. Toutefois, si vous utilisez l'une des deux autres méthodes, j'ai suggéré, le src attribut de l'élément iframe ne changera pas (même si le contenu de l'iframe points à un nouvel emplacement).

    Si vous avez besoin d'obtenir l'emplacement d'une iframe, vous pouvez essayer:

    iframe.contentWindow.location.href;

    Encore, cependant, si l'iframe pointant vers un site qui n'est pas hébergé sur le même domaine, cela provoquerait une erreur. Pour être sûr, utiliser try {} catch (e) {} blocs.

    J'ai essayé d'utiliser vos codes, mais je ne peux pas trouver de travail sur ma fin. J'ai mis à jour ma question ci-dessus, j'espère que ça vous aidera, vous et moi aussi.
    ne pas utiliser AJAX

    OriginalL'auteur DRAB