Не работает ajax запрос с jqeury?

@~~poss~~ · 17.02.2016, 23:52. **Показов** 1041. **Ответов** 7

Author24 — интернет-сервис помощи студентам

Вывод json на странице:

{"id":"166659267048055","countOfLikes":4,"link":"https:\/\/www.facebook.com\/photo.php?fbid=166659267048055&set=a.166659233714725.1073741828.100011119480910& type=3"}

Отправляю запрос:

Javascript

<a href="#"><div id="save">What are your most liked picture?</a>
<div id="loading"></div>
 
<script>
$('#save').click(function () {
    // add loading image to div
    $('#loading').html('<img src="/images/loading.gif"> loading...');
 
    // run ajax request
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "/q5",
        success: function (data) {
            // replace div's content with returned data
            $('#loading').html(data["countOfLikes"]);
        }
    });
});
</script>

Ответ не получаю, просто идет запрос и все.

@Lazy_Den · 18.02.2016, 00:16

Сообщение от poss

Ответ не получаю

Вы это в консоли видели?

@~~poss~~ · 18.02.2016, 00:36 **[ТС]**

В какой консоли?
Я редактирую php,html файлы редактором netbeans.
Проверяю в браузере результат.

@Lazy_Den · 18.02.2016, 00:43

Сообщение от poss

Проверяю в браузере результат.

В браузерах, по крайней мере современных, есть еще "инструменты разработчика". Открываем консоль, например, в Chrome -> Ctrl + Shift + J -> Закладка "Network" -> Фильтр "XHR". Запускаем запрос. В левом нижнем окне, видите путь к обработчику запроса. Кликаем на него и в правом окне смотрим в закладке "Response" ответ с сервера. Кроме того, в консоли (закладка "Console") можно видеть ошибки и предупреждения.

@~~poss~~ · 18.02.2016, 00:52 **[ТС]**

Вот что я получил в консоли, мне это ни о чем не говорит:

@Lazy_Den · 18.02.2016, 01:05

poss, в левом окне (Name) кликаем на "q5", появится окно справа, где выбрать закладку "Response". Там вы должны увидеть строку данных, полученную с сервера, если запрос прошел успешно и обработчик что-либо вернул.

Добавлено через 1 минуту
P.S. Собственно то, что запрос завершен успешно, свидетельствует статус 200 (колонка Status)

@~~poss~~ · 18.02.2016, 01:25 **[ТС]**

да все верно, спасибо!

просто к коде был еще вывод строки:

echo '<pre>';

вот и получилось, что ответ json не приходил.

@Lazy_Den · 18.02.2016, 01:32

poss, вот и хорошо, что разобрались. А еще, советую добавить в метод $.ajax() параметр "error" (по крайней мере, на время отладки) и не закрывать консоль

Javascript

$.ajax({
    // прочие опции
    error: function(req, text, error) {
        alert('Ошибка AJAX: ' + text + ' | ' + error);
    }
});

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	18.02.2016, 00:16	2
	Сообщение от poss Ответ не получаю Вы это в консоли видели? 0

@~~poss~~ Заблокирован
	18.02.2016, 00:36 [ТС]	3
	В какой консоли? Я редактирую php,html файлы редактором netbeans. Проверяю в браузере результат. 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	18.02.2016, 00:43	4
	Сообщение от poss Проверяю в браузере результат. В браузерах, по крайней мере современных, есть еще "инструменты разработчика". Открываем консоль, например, в Chrome -> Ctrl + Shift + J -> Закладка "Network" -> Фильтр "XHR". Запускаем запрос. В левом нижнем окне, видите путь к обработчику запроса. Кликаем на него и в правом окне смотрим в закладке "Response" ответ с сервера. Кроме того, в консоли (закладка "Console") можно видеть ошибки и предупреждения. 0

@~~poss~~ Заблокирован
	18.02.2016, 00:52 [ТС]	5
	Вот что я получил в консоли, мне это ни о чем не говорит: Миниатюры 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	18.02.2016, 01:05	6
	poss, в левом окне (Name) кликаем на "q5", появится окно справа, где выбрать закладку "Response". Там вы должны увидеть строку данных, полученную с сервера, если запрос прошел успешно и обработчик что-либо вернул. Добавлено через 1 минуту P.S. Собственно то, что запрос завершен успешно, свидетельствует статус 200 (колонка Status) 0

@~~poss~~ Заблокирован
	18.02.2016, 01:25 [ТС]	7
	да все верно, спасибо! просто к коде был еще вывод строки: echo '<pre>'; вот и получилось, что ответ json не приходил. 0

	18.02.2016, 01:32

Не работает ajax запрос с jqeury?

Решение