Refresh iframe?

Question

I have an iframe on my page where you can checkout my latest web development pages, and so on. Is it possible to refresh it with regular JavaScript or jQuery?

<iframe src="projektit" style="width:100%; height:400px; border:none;" id="iframe"></iframe>

I'm thinking about something like this.

$.ajax({
    url: "../",
    success: function (data) {
        $("#iframe").html(data);
    }
});

Any ideas?

Answer 1

jsFiddle

To refresh an iframe I would suggest just changing the src value. Changing the src value will trigger the iframe to refresh.

$('#iframe').prop('src', url);

If you notice it's not refreshing, you could always attach a bogus query string value to the end of the url in the case of it being cached.

var q = new Date(); // use current date obj as query string value
$('#iframe').prop('src', url + '?q=' + q.getTime());

Answer 2

<iframe id="homepage" frameborder="1" width="400" height="300" src="http://jbcurtin.com/"></frame>
<script>
  var frame=$("#homepage")
  frame.attr('src',frame.attr('src'))
  // None jquery:
  var frame=document.getElementById('homepage')
  frame.src=frame.src;
</script>

http://jsfiddle.net/ekpAm/