Ajax-Reload iframe

Wie kann ich neu laden, iframe mit jquery?

<html>

<head>
<script type="text/javascript" src="jquery-1.4.2.js" > </script>


<script type="text/javascript">
//Reload Iframe Function    
</script>

</head>

<body>
    <iframe name="f1" id = "f1" src="http://www.google.com.pk/search?q=usa+current+time&ie=utf-8&oe=utf-8&aq=t&client=firefox-a&rlz=1R1GGLL_en" width=500px height=250px>
    </iframe>

<button onClick="abc()"> Reload </button>

</body>

</html>
InformationsquelleAutor Novice | 2010-08-24
  1. 12

    Basierend auf Ihren Kommentar zu Haim veröffentlichen, was Sie wollen, vereinfacht werden könnten, wie:

    $('#reload').click(function() {
    $('#f1').attr('src', $('#f1').attr('src'));
    return false;
});

    Oder

    $('#reload').click(function() {
    $('#f1')[0].contentWindow.location.reload(true);
    return false;
});

    Aber vielleicht seine Antworten besser zu Ihren Bedürfnissen passt.

    UPDATE:

    Ich habe ein funktionierendes Beispiel für die Verwendung der Methode, die ich oben bereitgestellt. Ich habe eine <iframe> in eine Seite, die zeigt, dass eine andere Seite druckt die Zeit.

    Die <iframe> HTML (time.html):

    <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>

    The time is now <span id="time"></span>.

    <script type="text/javascript">

        $(document).ready(function() {
            $('#time').html((new Date()).toString());
        });

    </script>
</body>

    Und der übergeordneten Seite HTML - (test.html):

    <html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>

    <iframe id="frame" src="file:///D:/Users/Cory/Desktop/time.html" width="500" height="250"></iframe>

    <button id="reload">Refresh</button>

    <script type="text/javascript">

        $(document).ready(function() {
            $('#reload').click(function() {
                $('#frame').attr('src', $('#frame').attr('src'));
                return false;
            });
        });

    </script>
</body>

    Dies funktioniert Prima für mich in Firefox 3.6 und IE 7.

    • Vielen Dank für Ihre Antwort! Ich habe versucht deinen code, aber leider es funktioniert nicht. <html> <head> <script type="text/javascript" src="jquery-1.4.2.js" > </script> <script type="text/javascript"> $('#reload").klicken Sie auf(Funktion() { $('#f1')[0].contentWindow.Lage.reload(true); return false; }); </script> </head> <body> <iframe name="f1" id = "f1" src="google.com.pk/..." width=500 Pixel height=250px> </iframe> <button id="neu laden" - > Reload </button> </body> </html>
    • Möchten Sie vielleicht post große Kommentare wie diese updates auf Ihre original-Beitrag. Bitte siehe mein update auf meine Antwort für ein funktionsfähiges Beispiel.
    InformationsquelleAutor Cᴏʀʏ
  2. 2
    $("#reload").click(function() {
            jQuery.each($("iframe"), function() {
                $(this).attr({
                    src: $(this).attr("src")
                });
            });
            return false;
        });

    Wird diese Schleife durch jeder iFrame jedes mal, wenn Sie klicken auf einen link mit einer Klasse von reloadAds und die Quelle von dem iFrame an sich

    • Hier ist mein code: <body> <iframe name="f1" id = "f1" src="google.com.pk/..." width=500 Pixel height=250px> </iframe> <button id="neu laden" onClick="reloadFrame('f1')"> Reload </button> </body>
    • ich update aber siehe @cory Antwort ist gut für Sie
    InformationsquelleAutor Haim Evgi
Schreibe einen Kommentar