Как отобразить результат запроса без перезагрузки страницы?

Question

Я хочу показать данные моих пользователей из моей базы данных mysql без перезагрузки страницы.

Я использую Codeigniter. У меня есть выпадающее меню, подобное следующему: при загрузке страницы я хочу, чтобы она показала все данные по умолчанию Но когда любой пользователь выбирает какое-либо имя, он отправляет запрос в базу данных и сразу же показывает результаты, не перезагружая страницу.

У меня уже есть контроллер, модель и представление для отображения всех данных из базы данных, но я не знаю, как заставить раскрывающееся меню работать после того, как человек выбрал значение, чтобы извлечь данные из базы данных и сразу показать без перезагрузки стр.

У меня есть базовые знания PHP, но я понятия не имею об AJAX. Не могли бы вы привести пример или идею, как это сделать?

Я не ожидаю, что вы напишите мне код, я просто прошу пример или руководство. :)

Заранее спасибо.

  <form>
  <select name="info">
  <option value="">Select a person:</option>
  <option value="11080101">John</option>
  <option value="11080102">Bon Jovi</option>
 </select>
 </form>  

Answer 1

хорошо, я могу дать вам описание того, как вы можете попробовать

1. вызвать событие jquery при выборе пункта выпадающего меню.если вы не знаете, как это сделать, попробуйте прочитать документацию jquery для использования селекторов .

2. , как только вы выберете элемент, извлеките его значение и отправьтеAjax вызов вашего пути, как это (для JQuery AJAX визита JQAPI он имеет всю документацию для функций JQuery AJAX и его производных)

   $.post('/user/data/' + id , function(response) {
       console.log(response)
   })
   

   или

   $.post('/user/data/', 'id=' + id , function(response) {
       console.log(response)
   })
   

3. и теперь у вас есть данные в ответ, так что вы можете делать с ними все, что захотите

Answer 2

Похоже, что то, к чему вы стремитесь, это на самом деле не вопрос, связанный с codeigniter, а скорее вопрос HTML, JQUERY.

Использование jQuery для манипулирования и фильтрации данных overВ Net-Tuts показано решение jquery для сортировки и фильтрации данных.Их решение основано на таблице, но принципы есть, поэтому модификация может заставить ее делать то, что вы хотите.