Почему не обрабатывается обьект json?

Question

[semki096]

Стоит раскомментировать //dataType: 'json', и аякс перестаёт работать - как я понимаю json не парсится.

jQuery.ajax({
                        url: "/index.php/userprofile/ajax_comments/" + only_id + '/',
                        //dataType: 'json',
                        cache: false,
                        success: function(json){
                        $('#ajax' ).append(json); 
                        }

Массив json без ошибок - простейший {"id":"1271"} Файлы в utf8. Не понимаю в чём ошибка?

Comments

[semki096]

Дак в том вопрос - ничего не отдаёт и нет ошибок, потому как не работает.

[Павел Волынцев]

Приделайте к своему вызову обработчик

error: function(jqXHR, textStatus, errorThrown) { debugger; }

и в отладчике посмотрите что там в сообщениях

[semki096]

Павел Волынцев: Спасибо

Answer 1

[Andrzej Wielski]

$('#ajax').append(json);

Вы пытаетесь подставить json объект в HTML тег?
Выводите определенную строку по массиву. В вашем случае -
$('#ajax').append(json.id);

Comments

[semki096]

нет - проблема в том что json не парсится

[Andrzej Wielski]

semki096: уж поверьте, проблема в том что вы подставляете неподставляемый тип объекта в DOM.
По вашим словам в консоли у вас выводится объект -
{"id":"1271"}

Так вот, этот объект - вовсе не строка, это уже распарсенный json. Можете назвать это массивом, если вам привычнее.
Так вот, вы пихаете ОБЪЕКТ в виде html кода. Поэтому результатом получаете... а ничего не получаете, объект нельзя впихнуть в DOM.

Если вы хотите в блоке #ajax видеть 1271 - выполните код
$('#ajax').append(json.id);
И увидите магию.

[semki096]

Да спасибо - заработало ) Кстати вчера пытался это сделать - не работало. Оказывается была ещё одна ошибка - незакрытая кавычка причём в другом месте, дай думаю на валидаторе проверю. Спасибо вам большое за подробное разьяснение.

[semki096]

Не подскажете, а если у меня там в обьекте массив, его надо в цикле выводить? Как с ним работать?

[semki096]

{"sten":[{"id":"1271", ... вот такой обьект

[Andrzej Wielski]

semki096:

$.each(json.sten, function(i, object){
// object.id, ....
});

[semki096]

спасибо

Answer 2

[IceJOKER]

попробуйте выдать заголовок:

header('Content-Type: application/json');
echo '{"id":"1271"}';

Comments

[semki096]

добавил, но к сожалению не помогло - вообще ничего не выводится.

Answer 3

[Dmitry Pavlov]

Не кросс доменный случаем запрос?

"json": Evaluates the response as JSON and returns a JavaScript object. Cross-domain "json" requests are converted to "jsonp" unless the request includes jsonp: false in its request options.

Comments

[semki096]

Нет. Я подозреваю что ошибка элементарная, связана с моей неопытностью, я впервые экспериментирую с аяксом.

[Dmitry Pavlov]

semki096: попробуйте по простому сначала через GET https://api.jquery.com/jquery.get/ дернуть и посмотреть что в консоль пишется - как открыть её: https://developers.google.com/web/tools/chrome-dev...

$.get( "/index.php/userprofile/ajax_comments/" + only_id + "/" )
.done(function( data, textStatus, jqXHR) {
// это success
console.log(data, textStatus, jqXHR);
})
.fail(function(jqXHR, textStatus, errorThrown) {
// это error
console.log(jqXHR, textStatus, errorThrown);
})

[semki096]

Спасибо. Вот ответ {"id":"1271"} success Object {readyState: 4, responseText: "{"id":"1271"}", status: 200, statusText: "OK"}