Обработка ответа после пост-запроса (Ajax)

@battrack · Регистрация: 17.02.2009

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

Разбираюсь с ajax-функциями jQuery и возник вот такой вопрос, ответ на который никак найти не могу:
Например, когда мы используем простейшую функцию load, то мы извлекаем файл с сервера и, например, вставляем его содержимое в страницу. $('div:test').load('test.html'); - все ясно нет проблем.
Можно также не всю страницу вставить, а только ее часть по какому-либо селектору, например так: $('div:test').load('test.html .myclass'); - грузим из страницы test.html содержимое контейнера с классом myclass.
Вот мой вопрос и касается такой выборочной загрузки.

Как из ответа получить только нужные элементы при отправке запроса методом POST?
Есть функция: $.post("test.php", { перечисляем параметры}, function(data){ alert (data) }); - посылает post-запрос к test.php, тот в свою очередь делает какие-то операции и посылает ответ. Наша функция принимает ответ в data и выводит в окне alert. Но, например, я не хочу выводить весь data, а только какой-то один контейнер из него, что мне нужно делать?

И правильно ли я понимаю, что при использовании низкоуровневой функции $.ajax это выборка данных из ответа осуществляется путем использования параметра dataFilter?

@Soldado · 25.07.2012, 12:25

Можно решить несколькими способами:
1. Если Вам нужны не все данные, то отправляйте с test.php только те, которые нужны.
2. Используйте формат json. В нём данные упорядочены и можно выводить только те, которые нужны. Посмотрите здесь.
Более определённо сказать сложно, нет конкретной информации о данных...

@battrack · 25.07.2012, 15:13 **[ТС]**

Дело в том, что в ответе я получаю данные, которые мне нужно отсортировать. К примеру:

Посылаю запрос:

JavaScript
1
2
3
4
5
6
7
$.ajax({    
   type: "POST",   
   url: "myscript.php",  
   data: "param1=" + 111 + "&param2=" + 222,    // посылаю скрипту какие-то параметры (не важно какие)
   dataType: "html",   
   success: function(data){ alert (data.find("#test1")) } // обрабатываю ответ
});

myscript.php содержит простейший код:

PHP
1
<?php echo("<div id=\"test1\">lalalala</div><div id=\"test2\">tatatata</div>"); ?>

Получается что в data возвращается оба дива и test1 и test2, но мне нужно чтобы в success из data извлекалось содержимое контейнера test1 и вывелось к примеру в alert. Поэтому я делаю запись типа alert (data.find("#test1")) ожидая что из data возъмется содержимое контейнера с id=test1 и в окошке alert я увижу "lalalala". Не получается!

Если например в alert выводить сам data без применения к нему селекторов, то выводится:

HTML5
1
<div id="test1">lalalala</div><div id="test2">tatatata</div>

Но вот как вывести только test1 или test2 - хоть убей не понимаю.
Видимо не до конца разобрался с понятиями "селектор", "объект" и т.д.
Т.к. кто-то мне советовал делать так: "data.find(selector)" - но так тоже не работает.

@Soldado · 25.07.2012, 18:43

Получаете весь ответ и помещаете его в невидимый див. на странице:

HTML5
1
2
3
<div id="result" style="display:none">
 
</div>

а оттуда извлекаете, что хотите:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$.ajax({    
   type: "POST",   
   url: "myscript.php",  
   data: "param1=" + 111 + "&param2=" + 222,   
   dataType: "html",   
   success: function(data){
    $('#result').html(data);
    var result = $('#test1').html();
    alert (result);
    } 
});

Это если хранить данные, чтобы в последствии с ними производить какие-то другие действия.
Второй способ - без хранения:

JavaScript
1
2
3
4
5
6
7
8
9
$.ajax({    
   type: "POST",   
   url: "myscript.php",  
   data: "param1=" + 111 + "&param2=" + 222,   
   dataType: "html",   
   success: function(data){
    alert($(data).siblings('#test1').text());
    } 
});

Комент: из всего ранее отобранного (а это наше - data) выбираем те, которые попадают под действие селектора siblings и текст в этом блоке.
Теория: относительный поиск

@battrack · 25.07.2012, 23:50 **[ТС]**

Спасибо! Буду разбираться!

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@battrack 0 / 0 / 0 Регистрация: 17.02.2009 Сообщений: 34

	Обработка ответа после пост-запроса (Ajax) 25.07.2012, 11:27. Показов 9430. Ответов 4 Метки нет (Все метки) Разбираюсь с ajax-функциями jQuery и возник вот такой вопрос, ответ на который никак найти не могу: Например, когда мы используем простейшую функцию load, то мы извлекаем файл с сервера и, например, вставляем его содержимое в страницу. $('div:test').load('test.html'); - все ясно нет проблем. Можно также не всю страницу вставить, а только ее часть по какому-либо селектору, например так: $('div:test').load('test.html .myclass'); - грузим из страницы test.html содержимое контейнера с классом myclass. Вот мой вопрос и касается такой выборочной загрузки. Как из ответа получить только нужные элементы при отправке запроса методом POST? Есть функция: $.post("test.php", { перечисляем параметры}, function(data){ alert (data) }); - посылает post-запрос к test.php, тот в свою очередь делает какие-то операции и посылает ответ. Наша функция принимает ответ в data и выводит в окне alert. Но, например, я не хочу выводить весь data, а только какой-то один контейнер из него, что мне нужно делать? И правильно ли я понимаю, что при использовании низкоуровневой функции $.ajax это выборка данных из ответа осуществляется путем использования параметра dataFilter? 0

@Soldado 901 / 833 / 198 Регистрация: 28.06.2012 Сообщений: 1,607 Записей в блоге: 4
	25.07.2012, 12:25
	Можно решить несколькими способами: 1. Если Вам нужны не все данные, то отправляйте с test.php только те, которые нужны. 2. Используйте формат json. В нём данные упорядочены и можно выводить только те, которые нужны. Посмотрите здесь. Более определённо сказать сложно, нет конкретной информации о данных... 0

@battrack 0 / 0 / 0 Регистрация: 17.02.2009 Сообщений: 34
	25.07.2012, 23:50 [ТС]
	Спасибо! Буду разбираться! 0