1

学習を始めたばかりなので、jQuery を少し試すために使用しているスクリプトがあります。

スクリプトは .json ファイルを読み取り、div にデータを表示することになっています。

function jQuerytest()
{
    $.getJSON( "books/testbook/pageIndex.json", function(result) {
        $.each(result, function(i, field) {
            $("div").append("<p>" + field + "</p>");
        });
    });
}

ここにhtmlがあります

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="styles/main.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="scripts/book.js"></script>
<script>jQuerytest();</script>
</head>

<body>
<div></div>
  <figure id=fig><img onClick="jQuerytest()" src="figures/test620x620.png"/>
  </figure>
</body>
</html>

しかし、何も表示されません。

4

1 に答える 1

6

JSON ファイルが有効な場合 (ここでテストできます: http://jsonlint.com/ ) 成功とエラーのコールバックを使用して、機能しない理由の情報を最終的に取得します。

function jQuerytest(){
    $
      .getJSON( "books/testbook/pageIndex.json")
      .success(function(result) {
          $.each(result, function(i, field) {
               $("div")
                .append("<p>" + field + "</p>");
          });
      })
      .error(function(error){
          console.log(error);
      });
  }
于 2013-09-27T13:44:45.117 に答える