CMIS 1.1 浏览器绑定：如何仅使用静态 HTML+JavaScript 显示文件夹的内容？答案

【问题标题】：CMIS 1.1 browser binding: How to show the content of a folder, using only static HTML+JavaScript?CMIS 1.1 浏览器绑定：如何仅使用静态 HTML+JavaScript 显示文件夹的内容？
【发布时间】：2013-08-27 07:00:47
【问题描述】：

仅使用静态 HTML+JavaScript，如何显示给定 CMIS 1.1 端点/存储库的给定文件夹的内容？

它可能看起来像这样：

<html>
    <head>
        <script>
          var endpoint = "http://cmis.alfresco.com/cmisbrowser";
          var repository = "bb212ecb-122d-47ea-b5c1-128affb9cd8f";
          var folder = "/";
        </script>
    </head>
    <body>

        <!-- Some magic JavaScript call to the CMIS 1.1 browser binding -->
        <!-- Some minimalist formatting of the JSONP reply -->

    </body>
</html>

【问题讨论】：

@abc123：感谢您的提醒 :-)

标签： javascript jsonp cmis

【解决方案1】：

使用 JQuery 进行查询，使用 json2html 进行模板：

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript" src="json2html.js"></script>
        <script type="text/javascript" src="jquery.json2html.js"></script>
        <script>
            var endpoint = "http://cmis.alfresco.com/cmisbrowser";
            var repository = "bb212ecb-122d-47ea-b5c1-128affb9cd8f";
            var folder = "/";
        </script>
    </head>
    <body>
        <ul/>
        <script>
            $.getJSON(
            endpoint + "/" + repository + "/root?succinct=true&callback=?",

            function(data) {
                var transform = [{
                    "tag": "li",
                    "html": "${object.succinctProperties.cmis:name}"
                }];
                $("ul").json2html(data.objects, transform);
            });
        </script>
    </body>
</html>

结果：列表被每个 CMIS 对象填满，显示其名称。

我刚刚基于这个想法创建了一个新的开源项目：WebCMIS。

【讨论】：