Recharger une iframe avec jQuery

Si l'iframe n'était pas dans un domaine différent, vous pourriez faire quelque chose comme ceci:

document.getElementById(FrameID).contentDocument.location.reload(true);

Mais depuis l'iframe est sur un autre domaine, vous vous verrez refuser l'accès à l'iframe est contentDocument de la propriété par le de même la politique de l'origine.

Mais vous pouvez hackishly de la force de la croix-domaine de l'iframe de recharger si votre code est en cours d'exécution sur l'iframe de la page parent, par la valeur de l'attribut src pour lui-même. Comme ceci:

//hackishly force iframe to reload
var iframe = document.getElementById(FrameId);
iframe.src = iframe.src;

Si vous essayez de recharger l'iframe à partir d'un autre iframe, vous êtes hors de la chance, que est pas possible.

vous pouvez également utiliser jquery. C'est la même chose qu'Alex propose simplement à l'aide de JQuery:

 $('#currentElement').attr("src", $('#currentElement').attr("src"));

avec jquery, vous pouvez utiliser ceci:

$('#iframeid',window.parent.document).attr('src',$('#iframeid',window.parent.document).attr('src'));

Je suis sûr que tous les exemples ci-dessus ne recharger l'iframe avec son original de la src, et non son actuel URL.

$('#frameId').attr('src', function () { return $(this).contents().get(0).location.href });

Qui devrait recharger à l'aide de l'url actuelle.

Si vous êtes à la croisée de domaine, il suffit de réglage de la src vers la même url ne seront pas toujours déclencher une recharger, même si l'emplacement de hachage changements.

Rencontré ce problème alors manuellement la construction bouton Twitter iframe, ce qui ne serait pas à jour au moment où j'ai mis à jour l'url.

Twitter comme les boutons sont de la forme:
.../tweet_button.html#&_version=2&count=none&etc=...

Depuis Twitter utilise le fragment de document pour l'url, la modification de la table de hachage/fragment n'ai pas recharger la source, et le bouton cibles n'ont pas tenu compte de ma nouvelle ajax le contenu chargé.

Vous pouvez ajouter un paramètre de chaîne de requête pour forcer le rechargement (par exemple: "?_=" + Math.random() mais que de déchets de bande passante, en particulier dans cet exemple où Twitter a spécifiquement essayer d'activer la mise en cache.

Pour recharger quelque chose qui change seulement avec les balises de hachage, vous devez supprimer l'élément, ou de modifier le src, attendre le thread de sortie, puis l'affecter en retour. Si la page est encore dans le cache, cela ne devrait pas exiger un réseau de hit, mais ne déclencher le cadre de rechargement.

 var old = iframe.src;
 iframe.src = '';
 setTimeout( function () {
    iframe.src = old;
 }, 0);

Mise à jour: l'Utilisation de cette approche crée indésirables les éléments de l'historique. Au lieu de cela, supprimer et recréer l'élément iframe chaque fois, ce qui maintient cet arrière le bouton() fonctionne comme prévu. Aussi agréable de ne pas avoir la minuterie.

$('IFRAME#currentElement').get(0).contentDocument.location.reload()

//actualiser tous les iframes à la page

var f_list = document.getElementsByTagName('iframe');

 for (var i = 0, f; f = f_list[i]; i++) {
                            f.src = f.src;
                        }

RÉSOLU! - Je m'inscrire pour stockoverflow juste pour vous la seule solution (au moins dans ASP.NET/IE/FF/Chrome) qui fonctionne! L'idée est de remplacer innerHTML valeur d'un div par son actuel innerHTML valeur.

Voici l'extrait de code HTML:

<div class="content-2" id="divGranite">
<h2>Granite Purchase</h2>
<IFRAME  runat="server" id="frameGranite" src="Jobs-granite.aspx" width="820px" height="300px" frameborder="0" seamless  ></IFRAME>
</div>

Et mon code Javascript:

function refreshGranite() {           
   var iframe = document.getElementById('divGranite')
   iframe.innerHTML = iframe.innerHTML;
}

Espère que cette aide.

vous pouvez le faire comme ceci

$('.refrech-iframe').click(function(){
        $(".myiframe").attr("src", function(index, attr){ 
            return attr;
        });
    });