0

私はWeb開発クラスを行っており、演習を行っています。これまでの作業に基づいたファイルが含まれていましたが、使用する必要があるjsonファイルに気づきました。基本的なHTML、CSSを行いました、JavaScript、および JQuery を過去数週間にわたって使用し、これらすべてのファイルを私の Web ページにうまく統合しましたが、この json では、何をすべきかよくわかりません。json に関する Web 上のリソースは他のものと比べてそれほど多くありません。ここの誰かが私を助けてくれることを望んでいたので、私のウェブページにそれを含めてみました

<script type='text/javascript' src='hall.json'></script>

私の主な問題は、dreamweaver で動作させることができないことです。2 行目で構文エラーが発生します。

忙しい猫

JSONコードは次のとおりです

{
"who": "RSNO",
"what": "An American Festival",
"when": "2013-02-08 19:30",
"where": "User Hall - Main Auditorium",
"seats": [
    "00000000000000000011111111111111000000000000000000",
    "0000000000000001111111111111111aaa0000000000000000",
    "00000000000000aa111111111111111aaaaa00000000000000",
    "00000000000001111111111111111111111111000000000000",
    "000000000aa00aaaaaaaaaaaaaaaaaaaaaa1100aa000000000",
    "00000001111001111111111111111111111100111100000000",
    "00000aaaaaa0011aaaaaaaaa11111111aaa1100aaaaaa00000",
    "00001111111001111111111111111111111100111111100000",
    "000aaaaaaa110011111111111111111111110011aaaaaaa000",
    "00111111111100111111111111111111111001111111111000",
    "00aaaaa1111110011111111111111111111001111aaaaaaa00",
    "11111111111100111111111111111111111001111111111110",
    "0aaaaaaaaaaaa001111111111111111111100aaaaaaaaaaaa0",
    "01111111111110011111111111111111110011111111111100",
    "00000000000000001111111111111111110000000000000000",
    "01111111111111001111111111111111100111111111111100",
    "01111111111111001111111111111111110011111111111110",
    "01111111111111001111111111111111100111111111111100",
    "00a11111111111100111111111111111100111111111111a00",
    "00111111111111100111111111111111001111111111111000",
    "00011111111111110011111111111111001111111111111000",
    "00111111111111100111111111111111001111111111111000",
    "00011111111111110011111111111111001111111111111000",
    "00011111111111110011111111111110011111111111110000",
    "0000000111a111111001111a1111a110011111111110000000",
    "00000000111111110011111111111110011111111000000000",
    "00000000001111111001111111111110011111110000000000",
    "00000000000000111001111111111100111000000000000000"
],
"rows": [
    "DD",
    "CC",
    "BB",
    "AA",
    "Z",
    "Y",
    "X",
    "W",
    "V",
    "U",
    "T",
    "S",
    "R",
    "Q",
    "P",
    "N",
    "M",
    "L",
    "K",
    "J",
    "H",
    "G",
    "F",
    "E",
    "D",
    "C",
    "B",
    "A"
],
"seatPrice": [
    "                  00000000000000                  ",
    "               0000000000000000000                ",
    "              0000000000000000000000              ",
    "             0000000000000000000000000            ",
    "         00  000000000000000000000000  00         ",
    "       0000  00000000000000000000000  0000        ",
    "     000000  000000000000000000000000  000000     ",
    "    0000000  00000000000000000000000  0000000     ",
    "   000000000  0000000000000000000000  000000000   ",
    "  0000000000  000000000000000000000  0000000000   ",
    "  00000000000  00000000000000000000  00000000000  ",
    "000000000000  000000000000000000000  000000000000 ",
    " 000000000000  00000000000000000000  000000000000 ",
    " 000000000000  0000000000000000000  000000000000  ",
    "                000000000000000000                ",
    " 0000000000000  00000000000000000  0000000000000  ",
    " 0000000000000  000000000000000000  0000000000000 ",
    " 0000000000000  00000000000000000  0000000000000  ",
    "  0000000000000  0000000000000000  0000000000000  ",
    "  0000000000000  000000000000000  0000000000000   ",
    "   0000000000000  00000000000000  0000000000000   ",
    "  0000000000000  000000000000000  0000000000000   ",
    "   0000000000000  00000000000000  0000000000000   ",
    "   0000000000000  0011111111100  0000000000000    ",
    "       0000000000  111111111111  0000000000       ",
    "        00000000  1111111111111  00000000         ",
    "          0000000  111111111111  0000000          ",
    "              000  00000000000  000               "
],
"priceLookup": [
    10,
    20
]

}

4

3 に答える 3

2

ページに JSON を適切に含めていません。JSON は、解釈またはコンパイルされる JavaScript のような言語ではなく、XML や CSV のような単なるデータ表現言語です。ページで使用するには、それに対して ajax リクエストを作成し、successコールバックで使用します。

$.getJSON('hall.json', function (data) {
    var who = data.who; // "RSNO"
    var where = data.where; // "User Hall - Main Auditorium"
    // etc...
});

$.getJSONは暗黙的に実行されるJSON.parseため、dataすでに文字列ではなく JavaScript オブジェクトであることに注意してください。

詳細については、$.getJSON のドキュメントを参照してください。

于 2013-02-18T14:53:54.883 に答える
0

投稿した JSON は有効です。

JavaScript として解釈しようとしているため、構文エラーが発生します。

JSON ファイルを読み取り、コンテンツを JavaScript オブジェクトに解析するスクリプトを作成できます。

非常に基本的な例は次のとおりです。

httpReq = new XMLHttpRequest();
httpReq.open('GET','hall.json',false);
httpReq.send();

hall = JSON.parse(httpReq.responseText);

次に、JavaScript オブジェクト表記を使用してコンテンツにアクセスできます。

who = hall.who; // 'RSNO'

seatsCount = hall.seats.length; // 28

そして、DOMを操作してWebページを動的に構築または編集してデータを表示します（ただし、これは質問の範囲を超えています...）

于 2013-02-18T14:56:19.057 に答える