Utilizando el $ .ajax para obtener una vista parcial

Question

estoy usando ASP.NET MVC 3 para construir una aplicación, pero estoy teniendo un problema al intentar obtener una visión parcial; Aquí está mi código

La vista:

@{while (Model.Read()) 
{ 
    <ul class="tabs"> 
     <li id="general" class="active">Informations générals</li> 
     <li id="contact">Contacts</li> 
    </ul> 

    <div id="contentDetail"> 
     <div><b>Description :</b> @Model["Description"]</div> 
     <div><b>Activity :</b> @Model["Activity"]</div> 
    </div> 

    <script type="text/javascript"> 

     $("#contact").click(function() { 
      $.ajax({ 
       url: '@Url.Content("~/Company/Contacts/")', 
       type: 'get', 
       data: JSON.stringify('@Model["Id"]'), 
       datatype: 'json', 
       contentType: 'application/json; charset=utf-8', 
       success: function (data) { 
        $('#contentDetail').replaceWith(data); 
        }, 
       error: function (request, status, err) { 
        alert(status); 
        alert(err); 
        } 
      }); 
     }); 
    </script> 
} 

}

El controlador:

public ActionResult Contacts(int id) 
    { 
     return PartialView("_Contacts", getContactDetails(id)); 
    } 

"_Contacts" es mi visión parcial, que está fuertemente tipado.

Inicio I estaba claro, gracias ^^

Answer 1

El siguiente es incorrecto:

data: JSON.stringify('@Model["Id"]') 

Reemplazar con un verdadero objeto JSON:

data: JSON.stringify(@(Html.Raw(Json.Encode(new { id = Model["Id"] })))) 

o con:

data: JSON.stringify({ id: "@Model["Id"]" }) 

que cuando r endered en el marcado final se verá así:

data: JSON.stringify({ id: "123" }) 

Answer 2

Usted sólo debe ser capaz de devolver un punto de vista no PartialView y probar este js

var model = { id:"@Model["Id"]" }; 
$.post("~/Company/Contacts/, 
    model, 
    function (data) { 
     $('#contentDetail').replaceWith(data); 
    }); 

que aquí hay una entrada de blog en él con código de ejemplo http://bob-the-janitor.blogspot.com/2011/11/more-ajax-with-mvc-using-partial-views.html