आंशिक दृश्य प्राप्त करने के लिए $ .ajax का उपयोग

Question

मैं एप्लिकेशन बनाने के लिए एएसपी.नेट एमवीसी 3 का उपयोग कर रहा हूं, लेकिन आंशिक दृश्य प्राप्त करने का प्रयास करते समय मुझे कोई समस्या है; यहाँ मेरी कोड

दृश्य है:

@{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> 
} 

}

नियंत्रक:

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

"_Contacts" मेरे आंशिक दृश्य है, यह दृढ़ता से टाइप किया है।

होम मैं स्पष्ट था, धन्यवाद ^^

Answer 1

निम्नलिखित गलत है:

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

या साथ:

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

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

कोई वास्तविक JSON ऑब्जेक्ट के साथ बदलें

जो आर अंतिम मार्कअप में endered इस तरह दिखेगा:

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

Answer 2

तुम सिर्फ एक दृश्य पर लौटने के लिए partialview और इस जे एस

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

यहाँ नमूना कोड http://bob-the-janitor.blogspot.com/2011/11/more-ajax-with-mvc-using-partial-views.html के साथ इस पर एक ब्लॉग पोस्ट है की कोशिश मत में सक्षम होना चाहिए