Как получить данные из JSON с помощью JQuery?

Question

[Сергей Павлов]

data.json:
{ 'new':'asdsa',
'list':[{
'name':'first',
'rating':'50%',
'story':'Once upon a time'
},
{
'name':'second',
'rating':'65%',
'story':'New chapter'
}]
}
Скрипт:

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
        
        <script type="text/javascript">
        $.getJSON('data.json', function(data){
            alert('asdas');
            alert(data.list[1].name);
        });
        </script>

На выходе ожидается получение "second", но ничего нет. Где ошибка в данном коде, или как это можно написать по-другому, быть может на нативном JS, без использования Jquery?

Answer 1

[Сергей Мельников]

Для быстрейшего ответа учитесь оформлять код!

JSON

{
  "new":"asdsa",
  "list":
    [
      {
        "name":"first",
        "rating":"50%",
        "story":"Once upon a time"
      },
      {
        "name":"second",
        "rating":"65%",
        "story":"New chapter"
      }
    ]
}

JS

$.getJSON('data.json', function(data){
  console.log(data);
});

посмотрите, что выведет в консоли, нет ли ошибок.

Answer 2

[Pavel Shvedov]

Если вы пытаетесь сделать такой запрос без использования веб сервера (открыв страницу как файл по адресу "file:///...", локально) то этот запрос не пройдет. Вы ведь используете веб сервер?

Answer 3

[Назар Мокринский]

Напишите
console.log(data);
Посмотрите что приходит.
И да, JSON у вас не валидный

Answer 4

[WarGot]

Проверяйте сначажа json через например json.parser.online.fr на валидность