ajax запрос к базе данных

Чтобы не забыть и впоследствии освежить память

Задача:

Динамический показ данных (товар) в зависимости от выбора элемента (категория) в выпадающем списке , используя AJAX.

Решение (Пример):

Шаг 1

Создать файл index.php, в котором

  • подключаемся к базе данных для получения списка категории

Листинг файла подключения к БД auth.php

  • выводим форму с выпадающим списком из этих категорий

  • пишем AJAX запрос на обработку выбранного элемента

Листинг файла с AJAX запросом index.php

Шаг 2

Создать файл show.php, в котором обрабатываем AJAX запрос

  • подключаемся к базе данных для получения списка товаров по ID категории
  • выводим полученные товары

Листинг файла для обработки запроса show.php

AJAX и PHP — работа с базой данных : 2 комментария

Дружище, СПАСИБО.
Искал 2 дня решение.
по всему инету раскинуто как-то заумно, на массивах и т.п.

Спасибо, то что надо!

Огромное спасибо!
Это именно то, что я искал!
Всё просто и понятно =)

Чтобы наглядно продемонстрировать, насколько легко получить доступ к информации из базы данных с помощью AJAX, мы собираемся строить запросы MySQL на лету и отображать результаты на «ajax.html». Но прежде чем мы продолжим, давайте сделаем почву. Создайте таблицу, используя следующую команду.

ПРИМЕЧАНИЕ . Мы предполагаем, что у вас есть достаточно полномочий для выполнения следующих операций MySQL

Теперь выгрузите следующие данные в эту таблицу, используя следующие операторы SQL:

Клиентский HTML-файл

Теперь давайте получим HTML-файл клиентской стороны, который является ajax.html, и он будет иметь следующий код:

ПРИМЕЧАНИЕ . Способ передачи переменных в запросе соответствует стандарту HTTP и имеет форму A.

Вышеприведенный код даст вам экран, как показано ниже:

ПРИМЕЧАНИЕ . Это фиктивный экран и не работает.

Max Age: Max WPM: Sex:

Ваш результат отобразится здесь в этом разделе после того, как вы сделали свою запись.

ПРИМЕЧАНИЕ . Это фиктивный экран.

Файл PHP на стороне сервера

Ваш клиентский скрипт готов. Теперь нам нужно написать наш серверный скрипт, который будет получать возраст, wpm и пол из базы данных и отправит его обратно клиенту. Поместите следующий код в файл «ajax-example.php».

Теперь попробуйте ввести допустимое значение (например, 120) в Max Age или любое другое поле, а затем нажмите кнопку «Запрос MySQL».

Max Age: Max WPM: Sex:

Ваш результат отобразится здесь в этом разделе после того, как вы сделали свою запись.

Если вы успешно завершили этот урок, вы знаете, как использовать MySQL, PHP, HTML и Javascript в тандеме для написания приложений AJAX.

Если вы знакомы с основами библиотеки javascriptjQuery, возможно вы захотите изучить ajax c целью взаимодействовать с базой данных MySQL(удалять или добавлять данные в таблицы). В этой статье вы узнаете, как отсылать данные на сервер и получать ответ (положительный или ошибку). Как обычно весть процесс происходит без перезагрузки страницы, также данная техника отлично подойдет для удаления или вставки данных в базу данных.

В этом руководстве мы будем использовать три файла: index.php , response.php и config.php . Главная страница наполняется записями из БД, плюс в ней присутствует текстовое поле, которое может быть использовано, чтобы отослать Ajax-ом данные в файл response.php .

Пользователи не имеют визуального контакта с response.php , это просто файл-обработчик данных отосланных методом POST . Главная задача файла response .php это возвратить данные или ошибку на главную страницу.

Давайте начнем с создания таблицы add_delete_record в базу данных MySQL. Вы можете использовать SQL запрос, приведенный ниже, в phpMyAdmin.

Конфигурация

Конфигурационный файл позволит нам подключить требуемую базу данных, используя учетные данные MySQL; этот файл потребуется файлам index.php и response.php . Отредактируйте файл config.php , то есть заполните нижеприведенные переменные своими значениями.

Главная страница

Мы будем использовать метод $.ajax , чтобы создать запрос к response.php, если вы исследуете приведенные ниже код, то вы увидите там два метода click() и on() , на которые повешены запросы ajax.

Методы click() и on() выполняют похожие задачи: оба срабатывают, когда пользователь нажал и отпустил кнопку мышки; разница же заключается в том, что метод on() работает, в отличие от click() , и с элементами (в нашем случае это button ), которые подгружаются на страницу посредством ajax. (Для старых версий библиотеки вы можете использовать методы live и delegate ).

Оцените статью