Comment utiliser Ajax dans MVC 3?

J'ai un formulaire que j'aimerais vous soumettre par le biais de l'Ajax. Ce formulaire sont stockées dans une vue partielle - de sorte que l'ensemble de la vue partielle correspond à une seule forme.

- Je générer des dix de ces formes avec une boucle foreach:

 @foreach (Product p in Model.Products)
 {                     
    @Html.Partial("_EditProduct", p)                    
 }

Cela fonctionne bien.

Dans le _EditProduct vue partielle, j'ai:

@using (Ajax.BeginForm("Update", "Product", new AjaxOptions { UpdateTargetId = "updateStatus" })) {
     <span id="updateStatus">Update will go here</span> }

     //Product fields

        <div>                
             <input type="submit" value="Update" class="btn"/>
        </div>
    }

Cliquant sur un bouton envoyer des messages à un contrôleur:

[HttpPost]
public JsonResult Update(int id, FormCollection collection)
{
   ProductService pService = new ProductService();
   Product p =pService.Find(id);

   UpdateModel(p);
   return Json(p);            
}

Cette mise à jour du produit, mais le retour se bloque à cause de la sérialisation d'erreur.

Le principal problème est que j'ai du mal à trouver une bonne ressource sur MVC 3, en particulier l'Ajax partie. Des tutoriels et des blogs semblent tout faire dans une manière très différente. Idéalement, j'aimerais utiliser autant de .NET et MVC 3 de fonctionnalités que possible, plutôt que d'écrire des charges de jQuery/JavaScript.

Merci

Edit: Juste pour ajouter, je tiens à rester loin de MS Ajax Control Toolkit