jQuery HTML转换为JSON

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用jQuery模板插件从JSON数据生成HTML，而用户则无法进行操作（并且可能会更改）。我正在寻找一种将该HTML读回到JSON的方法，以便将其保存回我的服务器。jQuery提供了一个$

.tmplItem（）方法，该方法返回最初设置的dataJSON，但我想知道如何获取当前DOM中的值？

回答：

这个怎么样？

http://jsfiddle.net/mWuHe/14/

提取您所在区域的HTML，然后将其转换回JSON：

$(':button').click(function() {
    $('#output').text(JSON.stringify({
        data:$('#input').html()
    }));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="input" contenteditable="true" style="border: 1px solid;width:300px; height:100px;"><b>Edit me!</b> You can use CTRL+B to change bold, ctrl+I to change italics.</div>
<div style="clear:both;">
    <input type="button" value="Get HTML">
</div>
<div id="output" style="border: 1px solid;clear:both;width:300px;height:100px;font-family:courier;font-size:10px;">
</div>

顺便说一句，我JSON.stringify只是为了简单起见，但是在生产环境中，您可能应该使用jquery-

json之类的库，因为某些不支持的旧浏览器仍然在运行。

以上是 jQuery HTML转换为JSON 的全部内容， 来源链接： utcz.com/qa/433641.html

回到顶部