Knockout.js 用于访问json内部数组的knockout.mapping_Knockout.js_Knockout Mapping Plugin

Knockout.js 用于访问json内部数组的knockout.mapping

knockout.js

Knockout.js 用于访问json内部数组的knockout.mapping,knockout.js,knockout-mapping-plugin,Knockout.js,Knockout Mapping Plugin,下面是我的例子。我正在我的项目中使用knockout.mapping插件我想将邮件数组中的“from”元素填充到我的未排序列表中：在注释代码中，我添加了使用jqueryajax从数据库中检索的数据 <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="js/jquery-

下面是我的例子。我正在我的项目中使用knockout.mapping插件

我想将邮件数组中的“from”元素填充到我的未排序列表中：

在注释代码中，我添加了使用jqueryajax从数据库中检索的数据

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/knockout-2.0.0.debug.js" type="text/javascript"></script>
    <script src="js/KnockoutMapping2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(document).ready(function () {
            var viewModel = {};

            $.ajax({
                url: "Service.aspx",
                type: 'POST',
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    //data :
                    //       {
                    //   "id":"Inbox",
                    //   "mails":[
                    //      {
                    //         "id":"1",
                    //         "from":"Abbot ",
                    //         "to":"steve@example.com",
                    //         "date":"May 25, 2011",
                    //         "subject":"Booking confirmation #389629244",
                    //         "folder":"Inbox"
                    //      }
                    //   ]
                    //}
                    viewModel = ko.mapping.fromJS(data);

                    ko.applyBindings(viewModel);
                },
                error: function (request) {
                    alert(request.responseText);
                }
            });




        });
    </script>
</head>
<body>
    your id is : <span data-bind='text: id' />
    <ul data-bind="foreach : mails">
        <li data-bind="value:from"></li>
    </ul>
</body>
</html>


$（文档）.ready（函数（）{
var viewModel={}；
$.ajax({
url:“Service.aspx”，
键入：“POST”，
数据类型：“json”，
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（数据）{
//数据：
//       {
//“id”：“收件箱”，
//“邮件”：[
//      {
//“id”：“1”，
//“来自”：“方丈”，
//“至”：steve@example.com",
//“日期”：“2011年5月25日”，
//“主题”：“预订确认书#389629244”，
//“文件夹”：“收件箱”
//      }
//   ]
//}
viewModel=ko.mapping.fromJS（数据）；
应用绑定（视图模型）；
},
错误：函数（请求）{
警报（request.responseText）；
}
});
});
您的身份证是：

任何将邮件绑定到我的列表的帮助。

您的id是：

请勿自行关闭跨度（）

对li使用文本绑定而不是值绑定

您的id是：

请勿自行关闭跨度（）

对li使用文本绑定而不是值绑定

我给你准备了一份清单，让你看看我喜欢怎么做。我喜欢创建一个类来保存我的数据，从而允许对它进行更多的控制。您可以将它们包括要连接的函数等

希望这有帮助

自动关闭标签以前也咬过我。显然是html！=xmlSelf-closing标记以前也咬过我。显然是html！=xml

your id is : <span data-bind='text: id' ></span>
    <ul data-bind="foreach : mails">
        <li data-bind="text:from"></li>