Каковы хорошие способы реализовать поиск и результаты поиска с использованием ajax?

Question

У меня есть несколько текстовых полей на странице, и на той же странице будет таблица 'grid', как для хранения результатов поиска.

Когда пользователь начинает редактирование и текстовое поле выше, поиск должен начинаться с отправки всех значений текстовых полей на сервер 'ajax', и возвращаться с результатами, чтобы заполнить сетку ниже.

Примечания:
Эта сетка должна поддерживать разбиение по страницам, щелкая заголовки, и она будет содержать некоторые элементы управления помимо результатов, такие как флажки для логических значений и ссылки для открытия сведений на другой странице.

Я знаю много способов сделать это, некоторые из них:
1 - панель обновления вокруг всех этих элементов управления, и это «быстрое грязное решение»
2 - отправьте критерии поиска, используя запрос ajax, например, с помощью функции публикации JQuery, и верните результат JSON, и с помощью шаблона начертите сетку «чисто, но для ее завершения потребуется время, и позже будет сложнее редактировать». 3- ....

Мой вопрос:
Как вы думаете, что будет лучшим выбором для реализации этого сценария? потому что я слишком часто сталкиваюсь с этим сценарием и хочу знать, какая реализация будет лучше с точки зрения производительности, оптимизации и времени завершения.

Я просто хочу узнать ваши мысли об этой проблеме.

Answer 1

Короче говоря:

1. характеристики:
   • написать хороший метод фильтра поиска , предотвратить дублирование, поиск по релевантности и т. Д.
   • сколько результатов вы ожидаете получить обратно? вам нужно использовать JSON || HTML || XML? ;
2. оптимизация:
   • хранить результаты данных отдельно от шаблона HTML ;
3. время до конца:
   • используйте полнофункциональный плагин JS plug & play Data Grid
   • использование объектно-ориентированного PHP библиотека данных типа http://ajaxphpdatagrid.sourceforge.net/ ИЛИ http://www.apphp.com/php-datagrid/index.php

Надеюсь, это поможет немного! ;)

Answer 2

Ajax-запрос и JSON.Это проверенный метод, и, когда у вас есть хороший способ отобразить результаты (возможно, просто заполняя таблицу из массива), вы можете позаботиться о коде на стороне сервера отдельно.

Answer 3

Это общий шаблон, и есть несколько проектов jQuery, которые обращаются к нему в обобщенном виде. Вы говорите, что часто сталкиваетесь с этим сценарием, поэтому я бы порекомендовал воспользоваться улучшением одного из популярных плагинов jQuery datagrid / datatable. Все эти (и другие) поддерживают пороговые значения времени и содержимого поля поиска, чтобы поддерживать целостность этих вызовов ajax на сервер:

• DataTables
• jqGrid
• Ingrid

Вот статья Фила Хаака , описывающая использование jqGrid в контексте ASP.NET MVC.

А вот старый, но очень популярный вопрос SO специально для таблиц / таблиц jQuery.