Backbone.js 木偶js视图从html解析数据并呈现

我有布局

<div id="region">
<h1>Header</h1>
<ul class="items">
    <li>Number = 1</li>
    <li>Number = 2</li>
    <li>Number = 3</li>
</ul>
</div>

我想看看

<div id="region">
    <h1>Header</h1>
    <ul class="items">
        <li>Number = 3</li>
        <li>Number = 4</li>
    </ul>
    </div>

标题

数字=3
数字=4

要从标记中获取数据，可以使用Jquery解析html，但我不建议这样做。 更好的方法是将数据属性添加到从服务器接收的html hode中：

例如：

<div id="region" data-collection='[{ "id" : 1, "text": "Number = 1" }, { "id" : 2, "text": "Number = 2" }, { "id" : 3, "text": "Number = 3" }]'>
    <h1>Header</h1>
    <ul class="items">
        <li>Number = 1</li>
        <li>Number = 2</li>
        <li>Number = 3</li>
    </ul>
</div>

标题

数字=1
数字=2
数字=3

因此，在渲染collectionView时，可以轻松获得初始集合。（例如，在初始化时）

稍后，you call.fetch（）集合将与json结果合并。fetch（）几乎没有合并行为-您可以选择适合自己的，在这种情况下，我认为是“重置”

---

您也可以检查类似的问题。

json文件？请附上其src？@Evgeniyжжжаааааааааааааааааааааааааааааааааааааа， понял - на всякий случай поясню - надо запихнуть коллекцию в дата атрибут - тогда на ините вьюхи ее можно легко спарсить. 取电，复位-复位。Тем самым отрендерится обновленная коллекция.

<div id="region">
    <h1>Header</h1>
    <ul class="items">
        <li>Number = 3</li>
        <li>Number = 4</li>
    </ul>
    </div>

<div id="region" data-collection='[{ "id" : 1, "text": "Number = 1" }, { "id" : 2, "text": "Number = 2" }, { "id" : 3, "text": "Number = 3" }]'>
    <h1>Header</h1>
    <ul class="items">
        <li>Number = 1</li>
        <li>Number = 2</li>
        <li>Number = 3</li>
    </ul>
</div>