Як зробити динамічне додавання коментарів, використовуючи ajax.
Відео: jQuery.Урок 11.Комментаріі.Часть2.Добавленіе коментарів
Відео: jQuery.Урок 10.Комментаріі.Часть 1.Вивод коментарів
Всім привіт! У цій статті я хочу розповісти вам, як зробити додавання коментарів через Ajax.
Наша система буде дуже простий, щоб показати суть, а далі ви зможете самі все поліпшити як потрібно саме вам.
Для початку створіть файл index.html в корені сайту. створіть папку libs, а в ній файл add_comment.php
відкриємо файл index.html і створимо там просту форму.
Тепер створіть базу даних, у мене вона називається comments. Створіть там табличку
CREATE TABLE IF NOT EXISTS `comm`(
`id`int(10)unsigned NOT NULL AUTO_INCREMENT,
`name` varchar(30) NOT NULL,
`comment` varchar(255) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=36-
Тепер відкриємо файл add_comment.php і пропишемо наступне
lt ;?php
$ name = $ _POST[`Name`] -
$ comment = $ _POST[`Comment`] -
$ mysqli =newMysqli(`Localhost`,`Root`,``,`Comments`) -
$ mysqli-gt;query("SET NAMES utf8") -
$ mysqli-gt;query("INSERT INTO` comm` ( `name`,` comment`) VALUES ( `$ name`, `$ comment`) ") -
?gt;
Думаю, тут все зрозуміло. Отримуємо дані з масиву post, записуємо їх в змінні, підключаємося до бази даних, відправляємо запит на встановлення кодування, відправляємо запит на додавання коментаря.
Відео: Як зробити Ajax запит в Wordpress? Початковий гайд, робота з admin-ajax.php
Тепер переходимо до найцікавішого - jаvascript. Відразу після форми пишемо наступне:
Ось такий невеликий шматочок коду потрібен для вирішення цього завдання. Що ми тут зробили? Давайте розберемося.
Відео: Як зробити FAQ на сайті з використанням PHP-MySQL-jQuery
Спочатку ми знаходимо кнопку і вішаємо на неї обробник події, який при кліці викликає анонімну функцію. У анонімної функції ми отримуємо значення імені і коментаря і відразу ж прибираємо там все html теги. Тепер перевіряємо, якщо хоча б одне з полів є порожнім, пишемо про це автору коментаря і зупиняємо скрипт. Якщо все нормально, то підключаємося до php файлу, відправляємо заголовки з кодуванням і потім відправляємо ім`я користувача і текст його повідомлення, кодуючи російські символи.
Все, тепер ви можете ввести свій коментар, натиснути кнопку відправити, і він з`явиться в базі даних без перезавантаження сторінки.
На цьому я закінчую цю статтю, а в наступній ми розберемо, як динамічно довантажувати коментарі. Це завдання також досить неважка.
Отже, спасибі за увагу і удачі!
- Як зробити авторизацію користувачів через facebook.
- Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"
- Як динамічно отримувати коментарі з бази даних.
- Як зробити екскурсію по сайту на jquery.
- Як зробити коментування на сайті
- Додавання і видалення елементів на jquery
- Створення движка на mvc. Створюємо можливість додавання користувача в базу даних через адмін панель
- Відправка асинхронних запитів на jquery.
- Створення движка на mvc. Покращуємо шифровку пароля користувачів.
- Створення движка на mvc. Починаємо робити чат.
- Sql-запити для роботи з таблицями
- Динамічне завантаження файлів на jquery
- Відправка ajax-запиту на інший домен
- Створення движка на mvc. Продовжуємо роботу над чатом.
- Коментарі у вигляді бульбашки.
- Створюємо сокращатель url. Частина 2.
- Створення движка на mvc. Начинам робити систему розподілу прав користувачів.
- Створення движка на mvc. Створюємо авторизацію.
- Створення движка на mvc. Починаємо роботу з базою даних.
- Плагін для створення архіву на jquery.
- Створення движка на mvc. Допрацьовуємо роутер.