render partial view inside an iframe within asp.net mvc application

Question

I have a asp.net mvc application in which I have a partial view named _GeoApi.cshtml.

I need to render it inside an iframe.

<iframe src='@{Html.RenderPartial("_GeoApi");}' id='fram' ></iframe>

I get a generated html code :

<iframe<script src="/Scripts/External js/jquery-1.8.2.js">
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBCVSBoBAUjAfb-Pfx_qq0ZKUHCitbzsl4&amp;libraries=places&amp;callback=initAutocomplete" async="" defer=""></script>

//content removed for brivety

 src='' id='fram' /&gt; 

                                </iframe<script>

So I need to know

What are the reasons of this error?
How can I fix my code?

Andy T · Accepted Answer · 2016-03-23 21:50:34Z

4

Error is caused because you have a <script> tag in your <iframe> tag.

The solution is to simply provide a URL as the src to a URL where you would render the partial instead of trying to put the contents in the iframe tag.

<iframe src='/api/geoApi' id='fram' ></iframe>

Then create an ApiController that has a GeoApi action method which renders the "_GeoApi" partial view.

answered Mar 23, 2016 at 21:50

Andy T

9,9315 gold badges56 silver badges97 bronze badges

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

Collectives™ on Stack Overflow

render partial view inside an iframe within asp.net mvc application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related