使用 JSON 和 jQuery 生成 HTML 标签答案

【问题标题】：Generate HTML tags using JSON and jQuery使用 JSON 和 jQuery 生成 HTML 标签
【发布时间】：2011-08-17 06:13:17
【问题描述】：

我有以下 JSON 架构

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

现在我必须生成一个 html 标记，即

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

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

谢谢

【问题讨论】：

嗯，你有多个“员工”吗？

标签： jquery html json

【解决方案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">

我确定这不是您想要的，但这绝对会引导您朝着解决问题的正确方向前进。尽情享受吧！

【讨论】：

【解决方案2】：

这可能就是您要查找的内容：http://neyeon.com/p/jquery.dform/doc/files2/readme-txt.html

【讨论】：