Injecting html via javascript/jquery?

Question

I have some mvc3 code that I'm taking ownership and there are views that both apply html helpers and html javascript injection within views.

Personally, I prefer raw html or helpers as opposed to html injection. What are the pro's and cons of each?

Basic html and helpers:

        <div id="efI" class="ef">
            @Html.PasswordFor(m => m.Password)
            @Html.ValidationMessageFor(m => m.Password)
        </div>
        <div>
           @Html.ActionLink("Click here.", "SomeAction")
        </div>

Injection::

    @Html.EditorForModel()  //this generates controls from above...
    <script type="text/javascript">
       $('#efI').append('<div>@Html.ActionLink("Click here.", "SomeAction")</div>');
    </script>

Travis J · Accepted Answer · 2012-01-03 00:22:15Z

2

Not really much difference in the static example you provide. Usually injections are made with dynamically created HTML (for example,table cells managed by AJAX calls to a DB).

answered Jan 3, 2012 at 0:22

Travis J

82.5k43 gold badges213 silver badges280 bronze badges

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

4 Comments

benesch Over a year ago

But why would you ever use injection to insert static content, like in this example?

Travis J Over a year ago

For static content, you got me...Maybe as a learning exercise. I don't see any point in doing it versus just the basics. It is just static content after all.

genxgeek Over a year ago

@primatology: Hi, I updated the contents page...in this case the only thing that I have to work with possibly is an existing @HtmlEditorFor() block (instead of static html content).

genxgeek Over a year ago

@TravisJ: Totally agree with your perspective!

albanx · Accepted Answer · 2012-01-02 23:52:23Z

1

It depends. Injection in my opinion is more expensive, it makes some javascript calls in your case. Injection maybe suitable when using templates of html (jquery.tmpl).

answered Jan 2, 2012 at 23:52

albanx

6,3439 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Injecting html via javascript/jquery?

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related