POST data to iFrame with JavaScript

Question

I'm currently writing a widget that anyone can put on their website.

Currently, when clicking on a button, an iFrame opens with a long url (with encrypted data). But, if the amount of data to be encrypted gets to much, there might be an issue since in IE8 the URL length can only be 2k.

What I want to do (without jQuery) is to POST this data to the iFrame instead of using GET.

I've seen the method of creating a hidden form, with target="iframename", but this isn't really helpful since I don't want to be creating forms on another website which isn't mine.

Is there another solution to POST to an iFrame without having to generate a form.

Targetet browsers are IE8+ (and chrome/ff/safari etc). IE7&6 are not supported by our widget.

It sounds like you have some code now that uses get? If so, it would help if you posted it. — Aaron Kurtzhals
– Aaron Kurtzhals, Commented Dec 13, 2012 at 15:08

Community · Accepted Answer · 2017-05-23 10:24:58Z

2

I've seen the method of creating a hidden form, with target="iframename", but this isn't really helpful since I don't want to be creating forms on another website which isn't mine.

That is actually no problem, you can use Javascript to write to your iFrame, and thus you can create the form on your side, then .submit() the form inside the iframe to get your site in question.

Check out Write elements into a child iframe using Javascript or jQuery

edited May 23, 2017 at 10:24

CommunityBot

11 silver badge

answered Dec 13, 2012 at 15:20

Tyron

1,99611 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

POST data to iFrame with JavaScript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related