Remplir une div avec des données JSON en utilisant jQuery

Question

disons que j'ai une table de grille qui doit être remplie avec des données sur le clic de l'utilisateur. La requête doit être envoyée par ajax et renvoyée par json. Je veux utiliser asp.net mvc3 et jQuery.

Ma question est de savoir comment remplir div ID avec des données json retournées, comment puis-je reconnaître div div et peupler avec des données dans ce div en utilisant jQuery?

Answer 1

Dans la mesure où div est considéré, vous pouvez lui donner un identifiant et plus tard, vous serez en mesure d'accéder à l'élément en utilisant la fonction javascript GetElementbyId.

Pour les éléments de table, Vous avez plusieurs choix.

1. Ne pas coder une table statique. à la place, ajoutez des éléments à dom en utilisant jquery ou javascript. De cette façon, vous serez en mesure de parcourir XML et ajouter dynamiquement des lignes et des colonnes pertinentes.

2. code de la table en html statique, attribuez-lui une carte d'identité, puis accéder à toutes les cellules en utilisant frères et soeurs suivant, frères et soeurs précédent relations etc entre les cellules,

et enfin

1. au lieu de xml, récupère xhtml à partir d'une requête ajax. De cette façon, vous serez en mesure de mettre le code HTML directement dans la div.

Answer 2

Pourriez-vous pas utiliser un Ajax.ActionLink qui retourne une vue partielle à une div spécifique avec un ID?

De l'avis

@Ajax.ActionLink("linkText", "action", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divContainerId" }) 

<div id="divContainerId"></div> 

Dans le contrôleur

[HttpGet] 
public PartialViewResult action() 
{ 
    var jsonData = getData(); 
    return PartialView("_partialView", jsonData); 
}