Какой лучший способ сделать ответ AJAX в div?

Question

У меня есть веб-приложение, в котором есть функция поиска. На главной странице у меня есть окно поиска, в котором пользователь может ввести критерии поиска и нажать кнопку «Поиск». После нажатия кнопки мы отправляем AJAX-запрос на сервер (Struts Action), который обращается к базе данных с использованием слоя DAO и получает результат поиска.

Теперь я хочу отправить этот результат поиска обратно на сторону клиента и отобразить результат в теге <div>, используя jQuery. Одна страница может содержать 10 результатов. Если пользователь нажимает на «следующую страницу», мы хотим показать еще 10 записей.

Каков наилучший способ сделать это?

Answer 1

Я думаю, что, вероятно, лучший метод - это использовать .load () jQuery метод только для обслуживания результатов поиска и манипулирования через AJAX содержимым div результатов; затем вы можете воздействовать на элементы внутри контейнера div с помощью метода .on , например, чтобы вызвать событие «перейти на следующую страницу». Таким образом, вам нужен только контейнерный элемент div, и вы можете создавать данные результатов в другом месте, используя все нужные вам серверные языки.

Answer 2

Насколько я знаю, jquery предоставляет элемент управления автозаполнением для разработки средства поиска в веб-приложении.

Вы можете посетить

http://jqueryui.com/demos/autocomplete/

для получения более подробной информации

Спасибо, Виджай Сатлавар

Answer 3

Функция «Следующая» страница обычно называется разбиением на страницы. Каждый язык программирования имеет несколько примеров этого в Google. Просто выполните быстрый поиск на Pagination + ваш язык программирования.

В остальной части примера предполагается использование PHP для обработки внутренних запросов

с помощью jQuery и Ajax мы обрабатываем ответ в параметре успеха, например:

$.ajax({
  url: 'whatever.php'
  data: 'mystring='+mystring,
  success: function(data){
    $("#myElement").html(data);
  }
});

data возвращается как объект, содержащий всю информацию, возвращаемую what.php. Тем не менее, вы структурируете возврат ваших результатов в ваш файл what.php так, как ваши данные будут структурированы, представлены и помещены в ваш элемент с id = "myElement".