使用JSON和jQuery生成HTML标记

Question

我有以下JSON模式

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

现在我必须生成一个html标签,即

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

如何在jQuery中使用JSON？我知道我必须使用append方法.但我不确定如何附加JSON元素.

谢谢

Answer 1

您可以使用$.parseJSON将文本解析为JSON对象.然后使用jQuery创建您想要的任何元素并将其附加到您想要的位置.(这是一个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'));
 }

这会生成HTML:

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

我确信这不是你想要的,但这肯定会引导你找到解决问题的正确方向.请享用!