Knockout JS:绑定Json返回数据来自c#bind与HTML

时间:2016-02-21 11:30:21

标签: c# json knockout.js

我得到了响应和json数组,但没有映射到html标签..请在这里帮助我的代码

C#代码

public JsonResult ShowEmpData() 
{
    var data = new DAL.ManageEmployee().ShowEmp();
    return Json(data, JsonRequestBehavior.AllowGet);
}

HTML和JSCode

<div class="container">
    <ul data-bind="foreach:dat">
        <li>
            <span data-bind="text:strAddress"></span>
        </li>
    </ul>
</div>

<script>
    $(document).ready(function () {
        var dat;
        $.getJSON("@Url.Action("../Employee/ShowEmpData")")
        .done(function (data)
        {
            dat = JSON.stringify(data);
            console.log(dat);
            alert(dat);
            ko.applyBindings(dat);
        })
            .fail(function (jqxhr, txtsts, err) { alert("fail: " + err); });

    });
</script>

当我使用Json.strinfy(数据enter image description here

1 个答案:

答案 0 :(得分:0)

代码中唯一的问题是您正在将JSON转换为字符串

dat = JSON.stringify(data); //don't do it

而是简单地将data分配给dat

dat = data;  //because you're already getting JSON from server