Add custom header to an iframe asp.net

Question

There is a legacy .net application. In its content page , I need to open a MVC application. So I am using Iframe and opening the MVC application .

I am stuck as to how to send parameters to the MVC application via custom headers. I cant use query string as the paramter need to be sent is quite big.

Pls help.

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" runat="server">
            <iframe id="frame" ></iframe>
    </asp:Content>

THis is the piece of code in my .net application. How to add headers when MVC appl is being invoked.

What do you mean exactly by 'quite big'?

Enrique Zavaleta
– Enrique Zavaleta

2016-10-06 15:00:45 +00:00
Commented Oct 6, 2016 at 15:00 — Enrique Zavaleta
– Enrique Zavaleta, Commented Oct 6, 2016 at 15:00

Community · Accepted Answer · 2017-05-23 12:19:30Z

1

Don't know what you mean by passing data via "custom headers." Typically headers are for metadata, not data. If you have a significant amount of data to pass, the traditional way is via form/post. Here's one way to do it:

In the legacy app (the one that contains the iFrame):

<asp:Content ID="Content" ContentPlaceHolderID="MainContent" runat="server">
    <iframe id="frame" src="https://MyLegacyApp.com/Handoff.aspx"></iframe>
</asp:Content>

Note: Yes, the SRC of the iFrame points to the legacy app, not the new MVC app.

Add a new page to the legacy app called Handoff.aspx that looks like this:

<!-- Provide image while form is posting.  Style = centered. -->
<IMG SRC="Spinner.png" ALT="Please wait" style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);">

<!-- Hidden form that will post data to MVC site -->
<FORM Action="https://MyMVCApp.com/ReceiveHandoff" method="POST">
    <INPUT Name="Input1" Type="Hidden" Value="PLACE YOUR HUGE DATA HERE, OR IN SEVERAL HIDDEN TAGS IF YOU WANT.">
</FORM>

<!-- Script that autoposts the form -->
<SCRIPT>
    window.onload = function(){document.forms[0].submit();}
</SCRIPT>

Now the "ReceiveHandoff" page in your MVC site will be accessed via iFrame and initialized with the data passed in the form. To read the data, you can use one of these methods, for example:

var data = Request["Input1"];

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Oct 6, 2016 at 15:11

John Wu

52.5k8 gold badges50 silver badges92 bronze badges

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

2 Comments

Xander Kage Over a year ago

I wanted to ask 1 more thing ..how to invoke a javascript function sitting in parent application from child iframe .

John Wu Over a year ago

See this article

Collectives™ on Stack Overflow

Add custom header to an iframe asp.net

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related