Loading a POST page into without having to use javascript</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2012-08-14T10:42:42.550" class="fromnow">Aug 14 '12 at 10:42</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2012-08-14T13:56:43.063" datetime="2012-08-14T13:56:43.063">Aug 14 '12 at 13:56</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 872 times"> <span class="fc-light mr2">Viewed</span> 872 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="11950590" data-ownerid="1184247" data-score="2"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="11950590"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> <button class="js-bookmark-btn s-btn s-btn__unset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>There is <a href="../../questions/10637382/load-a-page-using-post-to-iframe">this question</a> that addresses "POSTing to an iframe using JavaScript". </p> <blockquote> <h2>My scenario:</h2> <p>I am not allowed to use JavaScript or any of its libraries. Only thing I can use is PHP and HTML. </p> <ul> <li><p><strong>Page1.php:</strong></p> <pre><code> &lt;form action="Page2.php"&gt; &lt;input type=".... &gt; . . . &lt;/form&gt; </code></pre></li> <li><p><strong>Page2.php:</strong></p> <pre><code> &lt;iframe src="http://externalsite.com/post-to-this-address-thru-iframe"&gt; &lt;/iframe&gt; </code></pre></li> </ul> </blockquote> <p>This is always possible when JavaScript is used. Using PHP's post functions like curl also won't do. Is there really a source of light for me?</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/php" class="post-tag js-gps-track" title="show questions tagged 'php'" rel="tag">php</a> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited May 23 '17 at 12:12">edited May 23 '17 at 12:12</time> <a href="../../users/-1/community" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/-1.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Community" /> </a> <div class="s-user-card--info"> <a href="../../users/-1/community" class="s-user-card--link">Community</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1</li> <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li> </ul> </div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Aug 14 '12 at 10:42">asked Aug 14 '12 at 10:42</time> <a href="../../users/1184247/tabrez-ahmed" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1184247.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Tabrez Ahmed" /> </a> <div class="s-user-card--info"> <a href="../../users/1184247/tabrez-ahmed" class="s-user-card--link">Tabrez Ahmed</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">2,830</li> <li class="s-award-bling s-award-bling__gold" title="6 gold badges">6</li> <li class="s-award-bling s-award-bling__silver" title="31 silver badges">31</li> <li class="s-award-bling s-award-bling__bronze" title="48 bronze badges">48</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-11950590" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="11950590" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-15922390" class="comment js-comment " data-comment-id="15922390" data-comment-owner-id="960510" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15922390_11950590"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">using <form target="name_of_iframe"> might help</form></span> –&nbsp;<a href="../../users/960510/mircea-soaica" title="2,829 reputation" class="comment-user ">Mircea Soaica</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/11950590/loading-a-post-page-into-iframe-without-having-to-use-javascript#comment15922390_11950590"><span title="2012-08-14T10:44:30.143 License: CC BY-SA 3.0" class="relativetime-clean">Aug 14 '12 at 10:44</span></a></span> </div> </div> </li> <li id="comment-15922413" class="comment js-comment " data-comment-id="15922413" data-comment-owner-id="1101534" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15922413_11950590"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">@SoaicaMircea but how can he refer to name_of_iframe which is there in another page?</span> –&nbsp;<a href="../../users/1101534/shreedhar" title="5,502 reputation" class="comment-user ">Shreedhar</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/11950590/loading-a-post-page-into-iframe-without-having-to-use-javascript#comment15922413_11950590"><span title="2012-08-14T10:45:21.197 License: CC BY-SA 3.0" class="relativetime-clean">Aug 14 '12 at 10:45</span></a></span> </div> </div> </li> <li id="comment-15922444" class="comment js-comment " data-comment-id="15922444" data-comment-owner-id="80836" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15922444_11950590"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I don't think you can do this. Post directly to http://externalsite.com/post-to-this-address-thru-iframe</span> –&nbsp;<a href="../../users/80836/andreas" title="5,305 reputation" class="comment-user ">Andreas</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/11950590/loading-a-post-page-into-iframe-without-having-to-use-javascript#comment15922444_11950590"><span title="2012-08-14T10:46:32.593 License: CC BY-SA 3.0" class="relativetime-clean">Aug 14 '12 at 10:46</span></a></span> </div> </div> </li> <li id="comment-15922746" class="comment js-comment " data-comment-id="15922746" data-comment-owner-id="55859" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15922746_11950590"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">as @SoaicaMircea has stated, if you apply a name to the iframe and then set your form's target to that name, it should post to that iframe with the action you have specified...</span> –&nbsp;<a href="../../users/55859/gavin" title="6,284 reputation" class="comment-user ">Gavin</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/11950590/loading-a-post-page-into-iframe-without-having-to-use-javascript#comment15922746_11950590"><span title="2012-08-14T10:57:31.393 License: CC BY-SA 3.0" class="relativetime-clean">Aug 14 '12 at 10:57</span></a></span> </div> </div> </li> <li id="comment-15923249" class="comment js-comment " data-comment-id="15923249" data-comment-owner-id="930393" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15923249_11950590"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I would agree with @andreas, I cannot see a way that you would be able to accomplish this without the use of any JavaScript/JQuery</span> –&nbsp;<a href="../../users/930393/freefaller" title="19,368 reputation" class="comment-user ">freefaller</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/11950590/loading-a-post-page-into-iframe-without-having-to-use-javascript#comment15923249_11950590"><span title="2012-08-14T11:18:24.970 License: CC BY-SA 3.0" class="relativetime-clean">Aug 14 '12 at 11:18</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">2 Answers<span style="display:none;" itemprop="answerCount">2</span></h2> </div> </div> </div> <a name="11950946"></a> <div id="answer-11950946" class="answer " data-answerid="11950946" data-ownerid="55859" data-score="-1" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="11950946"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="-1">-1</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>As per my comment.</p> <ol> <li>Add a name attribute to your iframe.</li> <li>Set the target of your form to the name of the iframe.</li> </ol> <p><a class="external-link" href="http://jsfiddle.net/gRoberts/GZPqM/" rel="nofollow">http://jsfiddle.net/gRoberts/GZPqM/</a></p> <p><strong>Note</strong> - Seems JSFiddle doesn't like you posting whilst on their site, as a result you will get some weird JSON output.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Aug 14 '12 at 11:03">answered Aug 14 '12 at 11:03</time> <a href="../../users/55859/gavin" class="s-avatar s-avatar__32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/55859.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Gavin" /> </a> <div class="s-user-card--info"> <a href="../../users/55859/gavin" class="s-user-card--link">Gavin</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">6,284</li> <li class="s-award-bling s-award-bling__gold" title="5 gold badges">5</li> <li class="s-award-bling s-award-bling__silver" title="30 silver badges">30</li> <li class="s-award-bling s-award-bling__bronze" title="38 bronze badges">38</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-11950946" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="11950946" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-15923159" class="comment js-comment " data-comment-id="15923159" data-comment-owner-id="930393" data-comment-score="1"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">1</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment15923159_11950946"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">As had to be pointed out to myself (I have subsequently deleted my answer), the `<iframe>` is **not** on the same page! – freefaller Aug 14 '12 at 11:15

Answer 1

If you have control over Page2.php and http://externalsite.com/ you can concatenate all data posted from the form as GET request inside iframe src field:

<iframe src="http://externalsite.com/post-to-this-address-thru-iframe/?param1=val1&param2=val2">
</iframe>