Générer des balises HTML à l'aide de JSON et de jQuery

Question

J'ai le schéma JSON suivant

{
"employee":
             {"display_name":"EMPLOYEE NAME:",
              "format":"string",
              "type":"textbox",
              "dflt":"null",
              "isMandatory":"true"}
}

Maintenant, je dois générer une balise html, c'est-à-dire

<input type="text" value="name"></input>

Comment utiliser le JSON avec jQuery ? Je sais que je dois utiliser la méthode append. Mais je ne suis pas sûr de la façon d'annexer des éléments JSON.

Merci

Answer 1

Vous pouvez utiliser $.parseJSON pour analyser votre texte dans un objet JSON. Utilisez ensuite jQuery pour créer tous les éléments que vous voulez et les ajouter où vous voulez. (Voici une JSFiddle )

 var myJSON = '{ "employee": { "display_name":"EMPLOYEE NAME:", "format":"string", "type":"textbox", "dflt":"null", "isMandatory":"true" } }';

 var employee = $.parseJSON(myJSON).employee; //get employee object
 if (employee.type == "textbox") {
   $('<label>').attr({for: 'employee_name'}).text(employee.display_name).appendTo($('body'));
   $('<input>').attr({type: 'text', id:'employee_name'}).appendTo($('body'));
 }

Cela génère le HTML :

 <label for="employee_name">EMPLOYEE NAME:</label>
 <input type="text" id="employee_name">

Je suis sûr que ce n'est pas exactement ce que vous voulez, mais cela devrait certainement vous mener dans la bonne direction pour résoudre votre problème. Bonne lecture !

Answer 2

C'est peut-être ce que vous cherchez : http://neyeon.com/p/jquery.dform/doc/files2/readme-txt.html