jQuery AJAX: load HTML into DIV element after click

Question

i would like to load (or be visible) an HTML/ASP.NET email form after the user clicked in a link/button. I have used this code but it doesn't work:

<script type="text/javascript">
    $(document).ready(function () {
        $("#imgMail").click(function (htm) {
            $.get("mailform.html"),
                $("#mailForm").append(htm)); //i have tryed also with .html() function.
        });
    });
</script>

where #imgMail is the ID of the link/button and the #mailForm is the ID of the DIV element into load the content.

How can i resolve this problem? P.S. The elements are not into a form tag.

Thanks.

I have used also the @Ajax.ActionLink() method of ASP.NET MVC but it doesn't load content into DIV but load directly the html page as a "postback event", in a new window. — fpellegrino
– fpellegrino, Commented Sep 25, 2012 at 10:41
For starters, you could take a look at the examples at api.jquery.com/jQuery.get — user2428118
– user2428118, Commented Sep 25, 2012 at 10:42
@jhonraymos: Excuse me for my bad English, but it isn't my first language. I'm a student, i'm learning :-) — fpellegrino
– fpellegrino, Commented Sep 25, 2012 at 10:54

Vishal · Accepted Answer · 2012-09-25 10:52:11Z

7

Use this..

<script type="text/javascript">
    $(document).ready(function () {
        $("#imgMail").click(function() {
            $.get("mailform.html",function(data){
                $("#mailForm").append(data);
            });
        });
    });
</script>

edited Sep 25, 2012 at 10:52

Vishal

1,2341 gold badge9 silver badges16 bronze badges

answered Sep 25, 2012 at 10:43

StaticVariable

5,2934 gold badges26 silver badges46 bronze badges

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

4 Comments

balafi Over a year ago

I posted the same answer - for some reason I didn't get the notification (again)... no intention

fpellegrino Over a year ago

I already solved, thanks anyway. I have forgot function(htm) after get. Error of distraction :-)

NullPoiиteя Over a year ago

@fpellegrino if it works than click on the right mark below the votes

fpellegrino Over a year ago

I have clicked however I already solved. I have forgot function(htm) after get. Error of distraction. However thanks anyway :-)

Collectives™ on Stack Overflow

jQuery AJAX: load HTML into DIV element after click

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related