web-dev-qa-db-fra.com

Chargez la page à l'intérieur d'IFRAME en utilisant ajax

comment charger votre page avec IFRAME? Je pensais si cela est possible .. 

Exemple, j'ai cette iframe ci-dessous.

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

Je veux que la page www.sample.com soit chargée à l'intérieur de cette iframe en ajoutant simplement l'URL dans src attribut. en utilisant la balise IFRAME. J'y réfléchis parce que la plupart du temps, j'ai un gros problème de cache IFRAME.

J'essaye aussi cette chose mais, ça ne marche pas parfaitement de mon côté.

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

random change chaque fois que je charge cette iframe.

Je veux l'appliquer sur mon outil responsive comme sur l'image ci-dessous. Si vous avez besoin d’une vue réellecliquez ici.

enter image description here

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

javascriptjqueryhtmlajaxiframe
6
Anthony Carbon

Vous pouvez toujours utiliser src mais fournir des URL de données 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>'
    );
4
c-smile

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

<iframe src="http://www.google.com"></iframe>
1
Mustafa A.

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

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

Cependant, si c'est le même domaine, vous utiliseriez probablement .load('/');

1
sideroxylon

Vous pouvez changer 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 pointe vers un domaine étranger (c'est-à-dire: "Origine croisée", c'est-à-dire: PAS le même domaine que celui où la page Web principale est hébergée), vous enfreindrez les règles de sécurité du navigateur et vous produirez des erreurs si vous essayez de manipuler/lire plusieurs Propriétés.

Notez également qu'en modifiant l'attribut src d'un élément iframe, l'iframe se déplacera automatiquement vers le nouvel emplacement. Cependant, si vous utilisez l'une des deux autres méthodes que j'ai suggérées, l'attribut src de l'élément iframe ne changera pas (même si le contenu de l'iframe pointe vers un nouvel emplacement).

Si vous devez obtenir l'emplacement d'un iframe, vous pouvez essayer:

iframe.contentWindow.location.href;

Encore une fois, cependant, si l’iframe pointe vers un site qui n’est pas hébergé sur le même domaine, cela provoquera une erreur. Pour plus de sécurité, utilisez les blocs try {} catch (e) {}.

1
DRAB