jQuery $ .getJSON() ничего не возвращает

У меня есть сценарий, который я использую, чтобы немного экспериментировать с 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>

но doens't отображения ничего.

источник

2013-09-27 Kevin Oonk

Откройте свои инструменты для отладки в выбранном браузере и посмотрите на сетевой трафик. Убедитесь, что запрос 'books/testbook/pageIndex.json' возвращается с помощью HTTP/200. –

Если вы получите код состояния и ответ на него, то просто добавьте 'return false;' statement в конце 'jQuerytest()' –

Прежде всего, [** это правильный JSON-файл **] (http: // jsonlint.com)? – gnclmorais

Если ваш 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-27 13:44:45 Bernhard

Это скорее комментарий, чем ответ, нет? –

@JTorres Я так не думаю. он учит рыбной ловле. Это все, что мы можем предложить здесь, проверить ошибки. – undefined

@undefined Да ... но на самом деле это не решает проблему (потому что мы еще не знаем, что это такое) или научим будущих посетителей о решении неизвестной в настоящее время проблемы. –

jQuery $ .getJSON() ничего не возвращает

ответ

Смежные вопросы