Отправить get запрос ajax-ом и получить в div

@Егор О · Регистрация: 27.12.2015

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

Здравствуйте! С большим уважением к кибер сообществу!
Есть вот такой код, но не получается вывести нужные данные в блок #blnap. #blnap встроен в #shadow.

$('.marshrut li').click(function(){
var urlzapros = 'api.toyouts.com/v1/prices/cheap?origin='+iata+'&destination='+iata 2+'&depart_date='+dataout+'&return_date= '+datain+'&token=kf00000db245b751a78e0d5 472c6c5u61';
$('#shadow').css({"position":"fixed","wi dth":"100%","height":"100%","display":"b lock","left":"0","top":"0","z-index":"100","background-color":"rgba(0,0,0,0.65)"});
$.ajax({
dataType: 'json',
url: urlzapros,
success: function(jsondata){
$('#blnapr').html(jsondata.price);
}
});
});
Заранее благодарю всех откликнувшихся!

mixenik · 28.12.2015, 09:31

Что-нибудь прилетает с сервера?

@AmateR62 · 28.12.2015, 17:47

Пишите:

Сообщение от Егор О

Есть вот такой код, но не получается вывести нужные данные в блок #blnap.

В коде у вас:

Сообщение от Егор О

$('#blnapr')

Так какой id blnap или blnapr?
Если blnapr то надо смотреть какой ответ возвращает сервер и в каком формате... JSON.parse(jsondata) случайно не забыли?

@Егор О · 28.12.2015, 19:24 **[ТС]**

Прошу прощения! Во время копирования r не выделилось. Блок #blnapr. С сервира вроде нет ответа, хотя я сомневаюсь, что вообще получаю хоть что-то. С ajax-ом первый раз столкнулся. В учебниках и справочниках подробной инфы по этой теме не нашёл. Как проверить ответ с сервера подскажите?

@AmateR62 · 28.12.2015, 19:38

Посмотрите в отладке, например в хроме (почитать можно вот тут https://learn.javascript.ru/debugging-chrome). Ставите стоп на строке

Сообщение от Егор О

$('#blnapr').html(jsondata.price);

и отправляете запрос. Когда выполнение остановится на этой строке выводите информацию о jsondata

@Егор О · 04.01.2016, 02:33 **[ТС]**

А каким образом произвести вывод jsondata, и можно ли вывести эту информацию таким вот образом $('#blnapr').html(jsondata);?
К параметру jsondata внутри функции уже обращался так alert(jsondata); но никакого ответа не последовало, тогда попробовал сделать так var arrayData = JSON.parse(jsondata); и вывести хоть какое-то подтверждение того, что инфа действительно пришла через alert(arrayData.success). Но опять ничего не произошло.
Так же хотел спросить, не является ли ошибкой то, что в ajax-запросе в URL передаётся переменная со сформированной ссылкой, а не обычная строка?

mixenik · 07.01.2016, 22:54

Сообщение от Егор О

А каким образом произвести вывод jsondata

Вообще, если открыть средства разработчика(клавиша F12) в браузере, то там есть вкладка network, где можно посмотреть все запросы, т.е. можно посмотреть, что прилетает. Еще можно в код вставить console.log(jsonData) и тогда, результат будет во вкладке Console (кстати, возможно там у вас ошибка вылетает, поэтому алерт ничего и не показывает)

Добавлено через 1 минуту

Сообщение от Егор О

Так же хотел спросить, не является ли ошибкой то, что в ajax-запросе в URL передаётся переменная со сформированной ссылкой, а не обычная строка?

Ошибкой быть не должно, но http:// лучше добавить

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Егор О 0 / 0 / 0 Регистрация: 27.12.2015 Сообщений: 4

	Отправить get запрос ajax-ом и получить в div 27.12.2015, 23:28. Показов 2356. Ответов 6 Метки ajax (Все метки) Здравствуйте! С большим уважением к кибер сообществу! Есть вот такой код, но не получается вывести нужные данные в блок #blnap. #blnap встроен в #shadow. $('.marshrut li').click(function(){ var urlzapros = 'api.toyouts.com/v1/prices/cheap?origin='+iata+'&destination='+iata 2+'&depart_date='+dataout+'&return_date= '+datain+'&token=kf00000db245b751a78e0d5 472c6c5u61'; $('#shadow').css({"position":"fixed","wi dth":"100%","height":"100%","display":"b lock","left":"0","top":"0","z-index":"100","background-color":"rgba(0,0,0,0.65)"}); $.ajax({ dataType: 'json', url: urlzapros, success: function(jsondata){ $('#blnapr').html(jsondata.price); } }); }); Заранее благодарю всех откликнувшихся! 0

mixenik Все элементарное - сложно 133 / 118 / 50 Регистрация: 14.04.2014 Сообщений: 509
	28.12.2015, 09:31
	Что-нибудь прилетает с сервера? 0

@Егор О 0 / 0 / 0 Регистрация: 27.12.2015 Сообщений: 4
	28.12.2015, 19:24 [ТС]
	Прошу прощения! Во время копирования r не выделилось. Блок #blnapr. С сервира вроде нет ответа, хотя я сомневаюсь, что вообще получаю хоть что-то. С ajax-ом первый раз столкнулся. В учебниках и справочниках подробной инфы по этой теме не нашёл. Как проверить ответ с сервера подскажите? 0

@Егор О 0 / 0 / 0 Регистрация: 27.12.2015 Сообщений: 4
	04.01.2016, 02:33 [ТС]
	А каким образом произвести вывод jsondata, и можно ли вывести эту информацию таким вот образом $('#blnapr').html(jsondata);? К параметру jsondata внутри функции уже обращался так alert(jsondata); но никакого ответа не последовало, тогда попробовал сделать так var arrayData = JSON.parse(jsondata); и вывести хоть какое-то подтверждение того, что инфа действительно пришла через alert(arrayData.success). Но опять ничего не произошло. Так же хотел спросить, не является ли ошибкой то, что в ajax-запросе в URL передаётся переменная со сформированной ссылкой, а не обычная строка? 0

Отправить get запрос ajax-ом и получить в div

Решение