Rendering partial pages in asp.net MVC3

Question

I just started working on ASP .NET MVC3 project. I want to render a partial view (*.cshtml file) within javascript/AJAX and put it in a division, Can anybody help me with sample code for that. Thanks in advance.

I tried this way, but not working.

var result = '<%= Html.RenderPartial("_Partialview"); %>';
$(".div_class_name").html(result);

Why do you need doing it with AJAX/JavaScript? Why can't you just do it with a helper? I mean just write <%= Html.RenderPartial("_Partialview"); in your view — Alex Ovechkin, Apr 04 '13 at 09:30
I want this partial page to be rendered onClick event on a image. So i call javascript method for OnClick; this will render partial view and write it on a particular division. — Pavan, Apr 04 '13 at 09:36
**[Check here](http://stackoverflow.com/a/15793019/2007801)** — , Apr 04 '13 at 12:24

score 1 · Answer 1 · answered Apr 04 '13 at 09:22

1

Create a method that returns partial view in Controller class, than call that method with ajax get.

$.get('controller/getpartial', function(data) {

  $('.div_class_name').html(data);


});

answered Apr 04 '13 at 09:22

Deniz Traka

84
3

Thanks for the reply. I did that through controller as you said above, it works fine. But I don't want to call a controller for this task. Is it possible? pls help – Pavan Apr 04 '13 at 09:26

score 0 · Answer 2 · answered Apr 04 '13 at 09:24

0

create a action and return partial view in string with json and then use

$(".div_class_name").html(result);

answered Apr 04 '13 at 09:24

Amit

15,217
8
46
68

score 0 · Answer 3 · answered Apr 04 '13 at 13:34

$('#trigger').click(function () {
$.ajax({
  url: '@Url.Action("Method", "Controller")', 
  success: function(data){
    $('#targetDIV').html(data);
  }
    });
    });

So when you will click for example on a trigger button this ajax call will be executed and the partial view returned will be placed to your targetDIV.

Rendering partial pages in asp.net MVC3

3 Answers3