Javascript 将json绑定到DOM

我正在寻找一个库，它为我提供了一种轻量级方法，将json绑定到rails视图模板呈现的现有dom元素

我之所以需要这样做，是因为我的应用程序允许就地编辑（使用最佳就地编辑），并且由于这些编辑，我页面上的其他数据需要更新并实时显示给用户。在编辑成功回调中，我对API进行ajax调用，以获取一个json对象，其中包含我要显示的重新计算的值。只需要将结果绑定到现有的DOM元素

我相信我们会知道angular.js和knockout.js之类的库，虽然我没有排除它们，但我希望找到一个更轻的选项。也许是jquery插件

我确实找到了，但这不完全是我要找的。它希望根据模板为我呈现HTML。我只需要json与现有Dom元素的动态绑定

我欢迎任何想法，并愿意以其他方式实现这一点。

您可以使用

js是一个JavaScript库，用于基于数据操作文档。D3帮助您使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能，而无需将自己绑定到专有框架，将强大的可视化组件和数据驱动的DOM操作方法结合在一起

查看中的示例

Html代码和脚本d3.sj

<script type="text/javascript" src="http://mbostock.github.com/d3/d3.min.js"></script>
<div id="container">
    <table class="letters">
        <tr>
            <td>a</td>
        </tr>
        <tr>
            <td>b</td>
        </tr>
        <tr>
            <td>c</td>
        </tr>
        <tr>
            <td>d</td>
        </tr>
    </table>
</div>

如果查看chrome控制台，可以看到json数据属性绑定到DOM元素：

您可以使用

js是一个JavaScript库，用于基于数据操作文档。D3帮助您使用HTML、SVG和CSS将数据带入生活。D3对web标准的强调为您提供了现代浏览器的全部功能，而无需将自己绑定到专有框架，将强大的可视化组件和数据驱动的DOM操作方法结合在一起

查看中的示例

Html代码和脚本d3.sj

<script type="text/javascript" src="http://mbostock.github.com/d3/d3.min.js"></script>
<div id="container">
    <table class="letters">
        <tr>
            <td>a</td>
        </tr>
        <tr>
            <td>b</td>
        </tr>
        <tr>
            <td>c</td>
        </tr>
        <tr>
            <td>d</td>
        </tr>
    </table>
</div>

如果查看chrome控制台，可以看到json数据属性绑定到DOM元素：

---

非常感谢你的建议。我已经看过了您提供的JSFIDLE，但它似乎没有绑定到您实例化的javascript对象。非常感谢您的建议。我查看了您提供的JSFIDLE，但它似乎没有绑定到您实例化的javascript对象。