Calling window.onload when setting src attribute in iframe via ajax call

Question

I have a case where the backend is sending html to a jsp page containing an iframe. The iframe src is set via an ajax call as shown below :

$(document).ready(function() {
           $.ajax({
                type: "get",
                url: "http://someurl/",
                success: function(msg){ 
                   console.log("Success" + msg);     
                   $('#frameId').attr('src','data:text/html,'+ msg);
                }
            }); 
    });

However the html that is set contains script tag which contains window.onload function as shown below :

<script>
 window.onload = function () {
 //some processing done here
 }

As I understand , this onload wouldn't be called as the iframe src is set by the ajax call whereas the iframe has already loaded. How can this function be invoked ?

Matt Andrews · Accepted Answer · 2017-09-07 13:46:30Z

1

It looks like you can trigger onload in an iframe manually once you've set the HTML: https://stackoverflow.com/a/26339638/176615

answered Sep 7, 2017 at 13:46

Matt Andrews

2,8783 gold badges34 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Daniel Beck · Accepted Answer · 2017-09-07 13:57:07Z

0

The onload event is fired by the framed document, not the iframe that contains it. So that event on the framed page will fire on its own without you doing anything at all; the framed page doesn't know or care how it was loaded.

Here's what I used to confirm this:

index.html:

<body>
  <iframe id="x"></iframe>
  <script>
    // you can wrap this in a setTimeout too, just to confirm the ajax call doesn't interfere; same result
    document.getElementById('x').setAttribute('src', 'test.html');
  </script>
</body>

test.html:

<body onload="alert('frame onload event fired')">
  framed
</body>

edited Sep 7, 2017 at 13:57

answered Sep 7, 2017 at 13:50

Daniel Beck

21.7k5 gold badges43 silver badges61 bronze badges

Collectives™ on Stack Overflow

Calling window.onload when setting src attribute in iframe via ajax call

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related