Как я могу использовать Ajax и Jquery для извлечения информации из базы данных PHP и заполнения элементов этой информацией?

Question

Я настраиваю веб-сайт, чтобы облегчить сотрудникам редактирование продуктов. Сейчас кто-то должен войти в БД и изменить цены, а затем кто-то должен изменить физический HTML-код самого сайта.

Итак, я пишу код, который извлекает все продукты из БД и отображает их на странице, которую можно редактировать. Я думаю, что делать все с Ajax было бы лучше.

ajaxRequest.open ("GET", url, true); ajaxRequest.send (нуль);

Проблема в том, что я знаю только, как обрабатывать Ajax-запросы, используя URL (используя POST, GET и т. Д.). Мне нужна помощь в написании кода для извлечения информации из БД и ее отображения.

Название таблицы: ПРОДУКТЫ. В ПРОДУКТАХ есть столбцы ID, STOCK, SHORTNAME, ОПИСАНИЕ, ЦЕНА и ДОСТАВКА.

В HTML у меня есть настройка div:

<div class="product">

   <div class="productName">
   SHORTNAME, PRICE, SHIPPING
   </div>
   <div class="productDesc">
   ID, DESCRIPTION, STOCK
   </div>

</div>

Я хочу настроить его, поэтому, если я нажму кнопку, ajax извлечет всю информацию из PRODUCT и создаст .productName div. Если пользователь щелкает .productName, он затем расширяется, показывая .productDesc.

Вопрос: Как выполнить запрос к БД с помощью AJAX по нажатию кнопки и поместить информацию в элементы?

Answer 1

Ajax не может получить доступ к вашей базе данных. Ajax просто загружает контент с URL. Ваше приложение должно сделать это и предоставить результат для вызова ajax.

Вот как это будет работать.

1. Браузер открыть URL на вашем сервере
2. PHP отображает страницу для отображения в браузере
3. Пользователь что-то щелкает
4. Javascript отправляет запрос Ajax на ваш сервер
5. PHP получает этот запрос и запрашивает базу данных
6. PHP выдает ответ на запрос
7. Обработчик Ajax на вашей странице получает этот ответ в виде простого текста и делает с ним что-то интересное (например, вставку HTML, оценку JSON или выполнение javascript)

Ajax - это просто способ загрузить ответ с URL-адреса без фактической навигации вашего браузера на эту страницу. Он не имеет (и не должен) иметь прямой доступ к базе данных. На самом деле он понятия не имеет, что база данных вообще существует.

Представьте себе проблемы безопасности, если какой-либо javascript может прочитать или записать любое поле в вашей базе данных. это была бы мечта хакеров.

Answer 2

Вы должны написать скрипт PHP, который запрашивает базу данных и возвращает результаты в виде JSON или HTML.

Этот скрипт вызывается через jQuery. Э.Г.

$('#main').load('http://your-url.com/yourscript.php');

Загружает вывод, сгенерированный yourscript.php (учитывая, что это HTML) в элемент с идентификатором main.

Вы можете найти учебник по Ajax с jQuery здесь . И еще много учебников на сайте jQuery tutorials .

Answer 3

PHP - на самом деле, похоже, что для jquery нет работы - как только кто-то редактирует его в БД, приложение получает последнюю информацию при каждом обращении.

Если я не неверно истолковал ваш вопрос, я не вижу никакого отношения к этомуJQuery / AJAX.