Target an iframe with a HTML Post with Jquery

Question

Hi,

If I'm using JQuery or javascript to do a post, how can I make it target an iframe rather than the current page?

jQuery.post( url, [data], [callback], [type] )

That is the format of the jquery post, it doesn't seem as though there is anywhere to specify the target like there is in the tag.

Any ideas?

Thanks,
Matt

Answer 1

Maybe you are missing the point of an AJAX request - why are you trying to specify the "target" of an asynchronous request? This makes no sense as the whole point of AJAX is that the request from the server gets sent back to the Javascript, free of page reloads or HTML destinations.

If you wanted to load the result of the request onto an iframe, you might do:

$.post('myurl', function(data) {
    $('#myframe').html(data);
}, 'html');

Answer 2

As said above, you're missing the point of Ajax. If you wanna post something to an iframe, you could do this by a simple form, posted by JavaScript or by the usual way: a submit button.

Answer 3

you can do this via a regular form

<form action="targetpage.php" method="post" target="iframename" id="formid">
   <input type="hidden" name="foo" value="bar" />
</form>

You can then use jQuery to submit the form

$("#formit").submit();

Josh