Render Vue Partielle à l'aide de Jquery Ajax avec des données variables

J'ai déjà lu ce post, mais je ne suis pas sûr de savoir le faire fonctionner en prenant les données de l'utilisateur. Voici l'ajax jquery que j'utilise. Je sais (ou du moins le pense) que ce cant rendu partiel. Mais il fonctionne tout le chemin jusqu'à ce que le rendu ne peut. J'ai pensé qu'il peut être utile d'avoir. 

 $.ajax(
     {
         type: 'POST',
         contentType: 'application/json; charset=utf-8',
         data: "{'test':" + "'" + dateText + "'}",
         dataType: 'json',
         url: 'Site/Grab/',
         success: function (result) {
         alert('Success');
         },

         error: function (error) {
            alert('Fail');
         }
      });

Voici mon contrôleur

[HttpPost]
    public ActionResult Grab(string test)
    {
        DateTime lineDate= Convert.ToDateTime(test);
        List<Info> myInfo= GameCache.Data(lineDate);
       return PartialView("_PartialView", myInfo);
    }
Si cela fonctionne jusqu'à ce qu'il essaie de rendu partiel, le problème est probablement dans la vue partielle du balisage. Veuillez fournir le code, ainsi que l'erreur que vous recevez.

OriginalL'auteur dan_vitch | 2011-06-15

  1. 18

    Bon, couple de choses à essayer:

    1) dataType est le résultat attendu de l'appel ajax. Dans votre cas, votre envoi JSON, mais réception HTML. Le content-type paramètre spécifie le demande, que vous avez (et ce que vous avez est correct). Si le type de données doit être: 

    dataType: 'html',

    2) Vous avez besoin de sérialiser le JSON. Essayez de saisir le léger JSON bibliothèque et stringify'ing:

    var test = { test: 'testvalue' };
$.ajax {
   ...
   data: JSON.stringify(test),
   ...
});

    Beaucoup plus facile que d'essayer de forcer une chaîne JSON avec quoatations. Créer une variable JS, puis stringify.

    Le reste de ton code semble correct.

    Si c'est un problème avec le HTML/balisage de la vue partielle sur lui-même, exécuter en mode debug et Visual Studio doit s'arrêter sur la ligne dans le balisage qui est à l'origine du problème.

    Bonus Astuce: ASP.NET MVC 3 prend en JSON modèle de liaison. Ainsi, vous pouvez créer une base de POCO qui correspond aux champs de votre objet JSON, il faut l'accepter comme un typage fort de l'objet dans la méthode d'action:

    [HttpPost]
public ActionResult Grab(MyJsonObject obj) 
{
   DateTime lineDate= Convert.ToDateTime(obj.test);
   List<Info> myInfo= GameCache.Data(lineDate);
   return PartialView("_PartialView", myInfo);
}

    Depuis votre seul l'envoi d'un seul paramètre, c'est exagéré - mais si vous avez plus de 2 il est alors recommandé d'utiliser un JSON POCO.

    lorsque j'ai changé de données type de données au format html est réparé le problème.

    OriginalL'auteur RPM1984

  2. 3

    Changer votre code de contrôleur:

    public ActionResult Grab(string test) {
  DateTime lineDate= Convert.ToDateTime(test);
  List<Info> myInfo= GameCache.Data(lineDate);

  return Json(new { data = this.RenderPartialViewToString("_PartialView", myInfo) });
}
    d'où le "RenderPartialViewToString()" méthode existe?
    Ici, c-sharpcorner.com/blogs/7150/... ou craftycodeblog.com/2010/05/15/...

    OriginalL'auteur Rashid Hussain Siddiqui