JQuery ile iframe'i yeniden yükleme

Bir sayfada iki iframe'im var ve biri diğerinde değişiklik yapıyor ancak diğer iframe yenilemene kadar değişikliği göstermiyor. Bu iframe'i jQuery ile yenilemenin kolay bir yolu var mı?

<div class="project">
  <iframe id="currentElement" class="myframe" name="myframe" src="http://somesite.com/something/new"></iframe>
</div>

İframe farklı bir alanda değilse, böyle bir şey yapabilirsiniz:

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

Ancak iframe farklı bir alanda olduğundan, iframe'in contentDocumentmülküne aynı menşe politikasıyla erişiminiz engellenir .

Ancak, kodunuz iframe'in üst sayfasında çalışıyorsa, alan adı iframe'ini src niteliğini kendisine ayarlayarak hackishly haksız alan içi iframe'i yeniden yüklemeye zorlayabilirsiniz. Bunun gibi:

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

Başka iframe'deki iframe yeniden çalışıyorsanız, sen şans dışında olduğunu olduğunu değil mümkün.

$( '#iframe' ).attr( 'src', function ( i, val ) { return val; });

jquery de kullanabilirsiniz. Alex'in sadece JQuery kullanarak önerdiği şeyle aynı:

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

JQuery ile iframe'i yeniden yükleme

iframe içinde bir bağlantı yapmak id = "reload" ile söyleyelim sonra aşağıdaki kodu kullanın

$('#reload').click(function() {
    document.location.reload();
});

ve tüm tarayıcılarla gitmeye hazırsınız.

HTML ile bir iframe'i yeniden yükleyin (Java Script gereksinimi yoktur)

Daha basit bir çözümü var: javaScript olmadan çalışan (FF, Webkit)

iframe'inizde bir çapa yapın

   <a href="#" target="_SELF">Refresh Comments</a>

Bu çapa tıkladığınızda iframe'inizi yenileyin

Ancak iframe'inize gönderilen parametreniz varsa, aşağıdaki gibi yapın.

  <a id="comnt-limit" href="?id=<?= $page_id?>" target="_SELF">Refresh Comments</a>

herhangi bir sayfa URL'sine ihtiyacınız yok çünkü -> target = "_ SELF" bunu sizin için yapın

jquery ile bunu kullanabilirsiniz:

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

Sadece Alex'in cevabını karşılıklıyorum ama jQuery ile

var currSrc = $("#currentElement").attr("src");
$("#currentElement").attr("src", currSrc);

İşte başka bir yol

$( '#iframe' ).attr( 'src', function () { return $( this )[0].src; } );

Yukarıdaki tüm örneklerin iframe'i sadece mevcut src ile değil, orijinal src ile yeniden yüklediğinden eminim.

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

Geçerli URL kullanılarak yeniden yüklenmelidir.

Web alanları arası iseniz, src'yi aynı URL'ye geri ayarlamak, konum karması değişse bile her zaman yeniden yüklemeyi tetiklemez.

URL'leri güncellediğimde yenilenmeyecek Twitter düğmesi iframe'leri manuel olarak oluştururken bu sorunla karşılaştım.

Twitter benzeri düğmeler şu şekildedir: .../tweet_button.html#&_version=2&count=none&etc=...

Twitter, url için belge parçasını kullandığından, karma / parçayı değiştirmek kaynağı yeniden yüklemedi ve düğme hedefleri yeni ajax yüklü içeriğimi yansıtmadı.

Yeniden yüklemeyi zorlamak için bir sorgu dizesi parametresi ekleyebilirsiniz (örneğin: "?_=" + Math.random() ancak özellikle Twitter'ın yaklaşımının önbelleğe almayı etkinleştirmeye çalıştığı bu örnekte bant genişliği harcanır.

Yalnızca karma etiketlerle değişen bir şeyi yeniden yüklemek için öğeyi kaldırmanız veya srciş parçacığının çıkmasını beklemeniz ve ardından geri atamanız gerekir. Sayfa hala önbelleğe alınmışsa, bu bir ağ isabeti gerektirmez, ancak çerçevenin yeniden yüklenmesini tetikler.

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

Güncelleme : Bu yaklaşımı kullanmak istenmeyen geçmiş öğeleri oluşturur. Bunun yerine, iframe öğesini her seferinde kaldırın ve yeniden oluşturun; bu, bu geri () düğmesinin beklendiği gibi çalışmasını sağlar. Ayrıca zamanlayıcı olması güzel.

Sadece Alex'in cevabını karşılık veriyoruz, ancak jQuery ile:

var e = $('#myFrame');
    e.attr("src", e.attr("src"));

Veya küçük işlevi kullanabilirsiniz:

function iframeRefresh(e) {
    var c = $(e);
        c.attr("src", c.attr("src"));
}

Umut ediyorum bu yardım eder.

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

Bu basit JavaScript ile mümkündür.

• İFrame1'de, yüklenen gövde etiketinde çağrılan bir JavaScript işlevi yapın. Ben bir sunucu tarafı değişkeni ayarladığım kontrol var, bu yüzden iframe1 belirli bir eylem almadıysanız iframe2 JavaScript işlevini çalıştırmak için çalışmaz. Bunu, bir düğmeye basarak veya iframe1'de kullanmak istediğiniz bir işlev olarak ayarlayabilirsiniz.
• Daha sonra iframe2'de, aşağıda listelediğim ikinci işleve sahipsiniz. İframe1'deki işlev temel olarak ana sayfaya gider ve daha sonra window.framesiframe2'de bir JavaScript işlevi başlatmak için sözdizimini kullanır . Sadece iframe2'nin id/ karakterini kullandığınızdan emin olun .namesrc

//function in iframe1
function refreshIframe2()
{
    if (<cfoutput>#didValidation#</cfoutput> == 1)
    {   
         parent.window.frames.iframe2.refreshPage();
    }
}

//function in iframe2
function refreshPage()
{   
    document.location.reload();
}

// sayfadaki tüm iframe'leri yenile

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

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

    ifrX =document.getElementById('id') //or 
    ifrX =frames['index'];

çapraz tarayıcı çözümü:

    ifrX.src = ifrX.contentWindow.location

bu özellikle <iframe> bir <form> öğesinin hedefi olduğunda kullanışlıdır

ÇÖZÜLDÜ! Size çalışan tek çözümü (en azından ASP.NET/IE/FF/Chrome'da) paylaşmak için stockoverflow'a kaydoluyorum! Buradaki fikir, bir divın innerHTML değerini geçerli innerHTML değeri ile değiştirmektir.

HTML snippet'i şöyledir:

<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>

Ve Javascript kodum:

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

Bu yardımcı olur umarım.

Kullanmalısın

[0] .src

iframe'in kaynağını ve URL'sini bulmak için üst öğenin aynı alanında olması gerekir.

setInterval(refreshMe, 5000);
function refreshMe() {
    $("#currentElement")[0].src = $("#currentElement")[0].src;   
}

böyle yapabilirsin

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

Aşağıdaki çözüm kesinlikle işe yarayacaktır:

window.parent.location.href = window.parent.location.href;