0

ページに出力したいJSONデータがたくさんあります。これがどのようにセットアップされるか(そしてそれを変更できるか)について非常に多くのバリエーションを見てきました。

{
    "data": {

      "typeA": [
        {
          "name":"Thing 1",
          "link":"#"
        },
        {
          "name":"Thing 2",
          "link":"#"
        }
      ],

      "typeB": [
        {
          "name":"Thing iii",
          "link":"#"
        }
      ],
      "typeC": [
        {
          "name":"Thing iv",
          "link":"#"
        }
      ]

    }
}

私はこのJSONを独自の.jsファイルに入れようとしましたが、実際にはドキュメントに保持する方が運が良かったです(とにかく1ページのサイトです)-「もっと運が良かった」とは私がA型しかありませんでした。

後でドキュメントの準備ができたら、次の jQuery を用意します。これを実行すると、データが定義されていないことがわかります。

$.each(data, function(i, v) {
    $('#output').append("<p><a href='" + v.link + "'>" + v.name + "</a></p>");
});

私はここで何か大きなものを見逃していると確信しています!私は次のことが大好きです:

  1. これを機能させるために何をする必要があるかについてのいくつかの手がかり - 理想的には、#Output2 のように typeA を #Output、typeB、および typeC に出力できること
  2. ここで使用されているものまたはパーツの定義/用語。ここでわからないことは本当にわからないので、これについてもっと読みたいです!

ありがとう

4

2 に答える 2

0

ベロエコードを試す

$(json['data']).each(function (index, value) {
        for (i in value) {
            $(value[i]).each(function (i, v) {
                alert(v['name']);
                alert(v['link']);
            });
        }
    })

フィドルhttp://jsfiddle.net/xppxZ/1/

于 2013-06-27T04:25:03.227 に答える