Запрос в БД без обновления страницы

В этой статье я хочу рассказать как сделать запись в Базу Данных без обновления страницы с помощью простого клика на ссылку. Итак начнём...

-Для начала нам нужно будет скачать библиотеку jQuery.
-Офф.сайт http://jquery.com/

1) Создаём подключение к Базе
- $mysqli = new mysqli('localhost', 'User', 'Password', 'Base');#Подключаемся;
- $mysqli->set_charset('utf8');#Задаём кодировку;

2)echo '<script src="jquery.js" type="text/javascript" encoding="UTF-8"></script>';#Подключаем библиотеку jQuery;

3)echo '<div id="text" style="display:none;">';#Контейнер который будет создавать эффект появления и исчезновения текста;

4) echo '<script type="text/javascript" encoding="UTF-8">

$(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);
});
}
</script>
Привет Запрос прошёл успешно</div>';

/*
$(\'#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 '<a href="#" id="btn1" onclick="fade()">• Клик</a>';#Ну и сама ссылка вызова << id="btn1" >> - Наш ид для вызова функции обработчика на ajax.
<< onclick="fade()" >> Вызов функции появления и исчезновения текста;

$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