Як зробити динамічне додавання коментарів, використовуючи ajax.

Відео: jQuery.Урок 11.Комментаріі.Часть2.Добавленіе коментарів

Як зробити динамічне додавання коментарів, використовуючи Ajax.

Відео: 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 файлу, відправляємо заголовки з кодуванням і потім відправляємо ім`я користувача і текст його повідомлення, кодуючи російські символи.

Все, тепер ви можете ввести свій коментар, натиснути кнопку відправити, і він з`явиться в базі даних без перезавантаження сторінки.

На цьому я закінчую цю статтю, а в наступній ми розберемо, як динамічно довантажувати коментарі. Це завдання також досить неважка.

Отже, спасибі за увагу і удачі!

Поділися в соціальних мережах:

Схожі
Створення движка на mvc. Продовжуємо роботу над чатом.Створення движка на mvc. Продовжуємо роботу над чатом.
Як зробити екскурсію по сайту на jquery.Як зробити екскурсію по сайту на jquery.
Плагін для створення архіву на jquery.Плагін для створення архіву на jquery.
Як динамічно отримувати коментарі з бази даних.Як динамічно отримувати коментарі з бази даних.
Як зробити коментування на сайтіЯк зробити коментування на сайті
Відправка асинхронних запитів на jquery.Відправка асинхронних запитів на jquery.
Створення движка на mvc. Допрацьовуємо роутер.Створення движка на mvc. Допрацьовуємо роутер.
Коментарі у вигляді бульбашки.Коментарі у вигляді бульбашки.
Ajax запити за допомогою методів $ .post () і $ .get ().Ajax запити за допомогою методів $ .post () і $ .get ().
Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"Вийшов відеокурс "jаvascript, jquery і ajax з нуля до гуру"
» » Як зробити динамічне додавання коментарів, використовуючи ajax.