0

JSON ファイルを HTML Web サイトにセットアップするのにまだ忙しいです。したがって、json が変更された場合、変更は HTML に動的にロードされます。これまでのところ、コンテンツを取得したり、コンテンツをリクエストしたりすることさえできます。しかし、JSON からのマークアップが少し奇妙であるため、私が望むすべてではありません。

クロスサイト保護のため、JSOP リクエストを直接行うことができなかったので、どこかで見たちょっとしたトリックで解決しました。私は単純に行う test.php を作成しました:

そうすれば、クロスサイト保護を回避でき、すべてがうまく機能します。唯一の問題は、必要なすべての配列を反復処理できないことです。現在、次のスクリプトを使用して JSOP 呼び出しを行い、データを取得しています。そして、出力は<li></li>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
</head>
<body>
    <ul id="episodes">
    </ul>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
    <script src="http://ps3scenefiles.com/json/handlebars.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script id="episodes-template" type="text/template">

            <li>{{description}}</li>

    </script>
    <script>
        $(function() {
            $.getJSON('http://ps3scenefiles.com/json/test.php', function(data) {
                var template = $('#episodes-template').html();
                var info = Mustache.to_html(template, data);
                $('#episodes').html(info);
            });
        });
    </script>
</body>
</html>

しかし、JSON へのリンク ( http://ps3scenefiles.com/json/test.php ) を開くと、 Episodes 配列に数字だけの別の配列があることがわかります。次のようなリストを作成するにはどうすればよいですか

Episode: 1 
     Id:13605 Active:true Lang:en Link: url
     Id:16525 Active:true Lang:ru Link: url
Episode: 2 
     Id:14854 Active:true Lang:en Link: url
     Id:19445 Active:true Lang:ru Link: url

明確にするために、例のように見せるために口ひげ (またはハンドルバー) のテンプレートを作成するにはどうすればよいですか?

4

1 に答える 1