jQuery HTML转换为JSON

小编典典

jQuery HTML转换为JSON

json

我正在使用jQuery模板插件从JSON数据生成HTML，而用户则无法进行操作（并且可能会更改）。我正在寻找一种将该HTML读回到JSON的方法，以便将其保存回我的服务器。jQuery提供了一个$
.tmplItem（）方法，该方法返回最初设置的dataJSON，但我想知道如何获取当前DOM中的值？

阅读 1269

2020-07-27

共1个答案

小编典典

这个怎么样？

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之类的库，因为某些不支持的旧浏览器仍然在运行。

2020-07-27