Синхронные запросы

@qw123456 · Регистрация: 18.12.2014

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

Добрый вечер! Кто знает как "убить" синхронные запросы? У меня в консоли выходит сообщение что у меня данные передаются сихронно

Добавлено через 38 секунд
Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.

@Lazy_Den · 29.12.2015, 01:22

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

как "убить" синхронные запросы?

Убивать их не нужно, а сделать асинхронными можно достаточно легко. В jQuery асинхронный запрос - по умолчанию, но для большей уверенности, для параметра async задайте значение true. В нативном JS - это же значение передаётся третьим параметром в метод .open().

JavaScript
1
2
3
4
5
6
7
8
9
// jQuery
$.ajax({
   url: 'url',
   type: 'method'
   async: true,
   /* ... */
});
// JS
xhr.open('method', 'url', true, 'user', 'password');

@qw123456 · 29.12.2015, 01:31 **[ТС]**

Вроде все правильно написал
$('#parent_id').change(function() {
var parent_id = $(this).val();
console.log(parent_id);

$.ajax({
type: "POST",
url: "output.php",
async: true,
data: "parent_id=" + parent_id,
success: function(msg){
$("#output").html(msg);
}
});
});

Все равно та же самая ошибка

@Lazy_Den · 29.12.2015, 01:45

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

та же самая ошибка

Это всё-таки больше предупреждение, чем ошибка. Есть ли где-то еще ajax-запросы: в подключенных плагинах, виджетах, может какие-нибудь счетчики на странице и т.д.? Вполне возможно, что ругается не на ваш код.

@qw123456 · 29.12.2015, 17:41 **[ТС]**

Здравствуйте еще раз, уже все проверил и кажется понял на что он жалуется. Когда я выбираю из select категорию и тем самым вытягиваю записи, относящиеся именно к ней, я все это делаю без обновления страницы. Мне кажется он жалуется на эту строчку
$("#content").html(msg);
Только опять, как решить эту проблему, ведь мне нужно обновление страницы

@Lazy_Den · 29.12.2015, 19:11

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

Мне кажется он жалуется на эту строчку

Сомневаюсь. А какие данные в переменной "msg"? И почему вы решили, что проблема в той строке? Если её закомментировать, то предупреждение пропадает?

@qw123456 · 29.12.2015, 20:19 **[ТС]**

Блин, ошибка оказалась в другом. Страница output.php отвечала за передачу данных в index-ную страницу в блок <div id="output"></div>. При выборе категории в select ее id отправлялся в output.php, а затем после обработки возвращал записи,относящиеся к выбранной из списка select категории в блок <div id="output"></div>. Ошибкой было то, что у меня в output.php была страница полностью , т.е. и head вместе со скриптами, и body. Когда я оставил только <?php ...?>, ошибка с синхронным запросом ушла. Но теперь другой косяк. Мне нужно изменять отсортированные данные. А как это сделать, если я теперь не могу подключить скрипты?

Добавлено через 23 минуты
Хоть <div id="output"></div> и находится в index-ной странице, где подключены скрипты, но его содержимое, кнопки, элементы никак на события не реагируют(((

@AmateR62 · 29.12.2015, 22:09

Все правильно. Потому что на момент инициализации страницы этих элементов не было, а сл-но к ним не были прикреплены обработчики. Вам надо использовать метод .on() Вот тут можно почитать про эту особенность http://jquery.page2page.ru/index.php5/On

@Lazy_Den · 29.12.2015, 23:07

Не по теме:

qw123456, AmateR62 вас направил в правильное русло, только не уточнил, что нужна именно делегированная обработка событий.

@qw123456 · 30.12.2015, 00:34 **[ТС]**

Т.е. в моем случае это будет так $('#parent_id').on('change', 'div',function() { ...})?

Добавлено через 1 час 6 минут
Хотя нет, по-другому.....
Если мне надо обрабатывать изменение записи, кнопка имеет класс '.rename', то у меня должно быть $('.rename').on('click', #parent_id',function() { ...})? Я правильно думаю?

@Lazy_Den · 30.12.2015, 01:19

qw123456,

JavaScript
1
2
3
$('parent_static').on('event', 'children', function(){
 
});

parent_static - любой статичный родительский элемент. Даже body и document подойдёт.
children - дочерние элементы и динамически добавленные в том числе

@qw123456 · 30.12.2015, 01:34 **[ТС]**

Спасибо!!! Получилось

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Синхронные запросы

Решение

Решение

Решение

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112

	Синхронные запросы 29.12.2015, 00:36. Показов 1735. Ответов 11 Метки нет (Все метки) Добрый вечер! Кто знает как "убить" синхронные запросы? У меня в консоли выходит сообщение что у меня данные передаются сихронно Добавлено через 38 секунд Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. 0

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112
	29.12.2015, 01:31 [ТС]
	Вроде все правильно написал $('#parent_id').change(function() { var parent_id = $(this).val(); console.log(parent_id); $.ajax({ type: "POST", url: "output.php", async: true, data: "parent_id=" + parent_id, success: function(msg){ $("#output").html(msg); } }); }); Все равно та же самая ошибка 0

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112
	29.12.2015, 17:41 [ТС]
	Здравствуйте еще раз, уже все проверил и кажется понял на что он жалуется. Когда я выбираю из select категорию и тем самым вытягиваю записи, относящиеся именно к ней, я все это делаю без обновления страницы. Мне кажется он жалуется на эту строчку $("#content").html(msg); Только опять, как решить эту проблему, ведь мне нужно обновление страницы 0

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112
	29.12.2015, 20:19 [ТС]
	Блин, ошибка оказалась в другом. Страница output.php отвечала за передачу данных в index-ную страницу в блок <div id="output"></div>. При выборе категории в select ее id отправлялся в output.php, а затем после обработки возвращал записи,относящиеся к выбранной из списка select категории в блок <div id="output"></div>. Ошибкой было то, что у меня в output.php была страница полностью , т.е. и head вместе со скриптами, и body. Когда я оставил только <?php ...?>, ошибка с синхронным запросом ушла. Но теперь другой косяк. Мне нужно изменять отсортированные данные. А как это сделать, если я теперь не могу подключить скрипты? Добавлено через 23 минуты Хоть <div id="output"></div> и находится в index-ной странице, где подключены скрипты, но его содержимое, кнопки, элементы никак на события не реагируют((( 0

@AmateR62 118 / 118 / 87 Регистрация: 24.02.2014 Сообщений: 404
	29.12.2015, 22:09
	Все правильно. Потому что на момент инициализации страницы этих элементов не было, а сл-но к ним не были прикреплены обработчики. Вам надо использовать метод .on() Вот тут можно почитать про эту особенность http://jquery.page2page.ru/index.php5/On 1

@Lazy_Den
	29.12.2015, 23:07
	Не по теме: qw123456, AmateR62 вас направил в правильное русло, только не уточнил, что нужна именно делегированная обработка событий. 0

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112
	30.12.2015, 00:34 [ТС]
	Т.е. в моем случае это будет так $('#parent_id').on('change', 'div',function() { ...})? Добавлено через 1 час 6 минут Хотя нет, по-другому..... Если мне надо обрабатывать изменение записи, кнопка имеет класс '.rename', то у меня должно быть $('.rename').on('click', #parent_id',function() { ...})? Я правильно думаю? 0

@qw123456 2 / 2 / 1 Регистрация: 18.12.2014 Сообщений: 112
	30.12.2015, 01:34 [ТС]
	Спасибо!!! Получилось 0