Ridiculously easy AJAX with ASP.NET MVC and jQuery

Posted by eddraper on Geeks with Blogs See other posts from Geeks with Blogs or by eddraper
Published on Tue, 30 Mar 2010 02:33:08 GMT Indexed on 2010/03/29 20:43 UTC
Read the original article Hit count: 370

Filed under:

After deciding I wanted to dive full-on into the world of ASP.NET MVC 2, I  began doing some research into what would be the best way to support some of my required AJAX functionality on this platform.  The result of these efforts was a barrage of options – many of which required completely different JScript infrastructure than what I planned to go forward with.  As I’ve been delighted with jQuery so far, I began tossing out all approaches that didn’t natively leverage it… Thus, I planned to resist the temptation to take anymore <script> dependencies whatsoever, unless I thoroughly proved that jQuery could NOT do what I planned to do.

 

Here’s some code I wish I would’ve found early in my research.  This would’ve saved me quite a bit of time and search engine bandwidth. ;-)

 

<script type="text/javascript">
    $(document).ready(function () {


        $('#div_name_here').load('<%=Url.Action("ACTION_NAME_HERE","CONTROLLER_NAME_HERE")%>');

        $('#id_of_link_I_want_trigger_the_ajax_call')
      .bind('click', function (event) {
          $('#div_name_where_I_want_to_have_the_ajax_response_loaded_here').load('<%=Url.Action("ACTION_HERE","CONTROLLER_HERE", )%>');
      })
    })

</script>

© Geeks with Blogs or respective owner