В этой статье я хочу рассказать как сделать запись в Базу Данных без обновления страницы с помощью простого клика на ссылку. Итак начнём...
-Для начала нам нужно будет скачать библиотеку jQuery.
-Офф.сайт http://jquery.com/
1) Создаём подключение к Базе
- $mysqli = new mysqli('localhost', 'User', 'Password', 'Base');#Подключаемся;
- $mysqli->set_charset('utf8');#Задаём кодировку;
2)echo '';#Подключаем библиотеку jQuery;
3)echo '';#Контейнер который будет создавать эффект появления и исчезновения текста;
4) echo '
$(document).ready(function(){
$(\'#btn1\').click(function(){
$.ajax({
type: "GET",
url: \'/Query.php?query=Hello\',
success: function(html)
{ $("#content").html(html); }
});
return false;
}); });
function fade(){
$(\'#text\').fadeIn(2000, function (){
$(\'#text\').fadeOut(2000);
});
}
Привет :) Запрос прошёл успешно
';
/*
$(\'#btn1\').click(function(){
$.ajax({
type: "GET",
url: \'/Query.php?query=Hello\',
success: function(html)
{ $("#content").html(html); }
});
return false;
});#Функция на Ajax для подгрузки страницы для обработки запроса;
#type - Тип передачи данных;
#url - адрес страницы обработчика;
#success - функция контейнер в котором будет появлятся данные от обработчика в нашем случае мы вызывать его не будем т.к в вызове данных из него не нуждаемся;
*/
/*
function fade(){
$(\'#text\').fadeIn(2000, function (){
$(\'#text\').fadeOut(2000);
});
#Функция эффекта появление и исчезновение текста (2000) - с какой скоростью будет появляться и исчезать текст. 1000 = 1 сек;
*/
echo '• Клик';#Ну и сама ссылка вызова > - Наш ид для вызова функции обработчика на ajax.
> Вызов функции появления и исчезновения текста;
$mysqli->close();#Закрываем соединение с БД;
==--== Пишем обработчик =--=
Как мы видим в нашей основной странице
url: \'/Query.php?query=Hello\',
это значит что мы будем передавать значение "Hello";
1)Создаём подключение к Базе
- $mysqli = new mysqli('localhost', 'User', 'Password', 'Base');#Подключаемся;
- $mysqli->set_charset('utf8');#Задаём кодировку;
2) Принимаем нашу переменную query
$query = htmlspecialchars($_REQUEST['query']);
3) Делаем запрос в Базу Данных
- $stmt = $mysqli->prepare("INSERT INTO `jquery` SET `jquery`=?");
$stmt->bind_param('s', $query);
$stmt->execute();
$stmt->close();
4)Возвращяемся на основную страницу;
- header('Location: /Jquery.php');
5)Закрываем соединение;
- $mysqli->close();
Ну вот и всё :) Живой пример можете скачать по адресу:
- http://upwap.ru/1876423
- Пароль: johncms
Автор: tillad