<?xml version="1.0" encoding="utf-8"?>
<FictionBook xmlns="http://www.gribuser.ru/xml/fictionbook/2.0" xmlns:l="http://www.w3.org/1999/xlink">
<stylesheet type="text/css">
.body{font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.p{margin:0.5em 0 0 0.3em; padding:0.2em; text-align:justify;
}
</stylesheet>
<description>
<title-info>
<genre>sf_history</genre>
<author>
<first-name>Имя автора</first-name>
<last-name>Фамилия автора</last-name>
</author>
<book-title>Название книги</book-title>
<annotation></annotation>
<date>Дата</date>
<lang>ru</lang>
</title-info>
<document-info>
<author><nickname></nickname>
</author>
<program-used>Lib converter jcms</program-used>
<date value=""></date>
<src-url>http://johncms.com</src-url>
<id></id>
<version>1.0</version>
<history><p>book</p></history>
</document-info>
</description>
<body>
<title><p>Запрос в БД без обновления страницы</p>
</title>
<section><p>В этой статье я хочу рассказать как сделать запись в Базу Данных без обновления страницы с помощью простого клика на ссылку. Итак начнём...</p>
<p></p>
<p>-Для начала нам нужно будет скачать библиотеку jQuery.</p>
<p>-Офф.сайт http://jquery.com/</p>
<p></p>
<p>1) Создаём подключение к Базе</p>
<p>- $mysqli = new mysqli('localhost', 'User', 'Password', 'Base');#Подключаемся;</p>
<p>- $mysqli->set_charset('utf8');#Задаём кодировку;</p>
<p></p>
<p>2)echo '<script src="jquery.js" type="text/javascript" encoding="UTF-8"></script>';#Подключаем библиотеку jQuery;</p>
<p></p>
<p>3)echo '<div id="text" style="display:none;">';#Контейнер который будет создавать эффект появления и исчезновения текста;</p>
<p></p>
<p>4) echo '<script type="text/javascript" encoding="UTF-8"></p>
<p>	  </p>
<p>	  $(document).ready(function(){</p>
<p>	  $(\'#btn1\').click(function(){</p>
<p>		</p>
<p>		$.ajax({</p>
<p>		type: "GET",</p>
<p>		url: \'/Query.php?query=Hello\',</p>
<p>		success: function(html)</p>
<p>		{ $("#content").html(html); }</p>
<p>			   });</p>
<p>			return false;</p>
<p>			}); });</p>
<p>		</p>
<p>		</p>
<p>function fade(){</p>
<p>	$(\'#text\').fadeIn(2000, function (){</p>
<p>		$(\'#text\').fadeOut(2000);</p>
<p>	});</p>
<p>}</p>
<p></script> </p>
<p>Привет :) Запрос прошёл успешно</div>';</p>
<p></p>
<p>/*</p>
<p> $(\'#btn1\').click(function(){</p>
<p>		</p>
<p>		$.ajax({</p>
<p>		type: "GET",</p>
<p>		url: \'/Query.php?query=Hello\',</p>
<p>		success: function(html)</p>
<p>		{ $("#content").html(html); }</p>
<p>			   });</p>
<p>			return false;</p>
<p>			});#Функция на Ajax для подгрузки страницы для обработки запроса;</p>
<p>			   #type - Тип передачи данных;</p>
<p>			   #url - адрес страницы обработчика;</p>
<p>			   #success - функция контейнер в котором будет появлятся данные от обработчика в нашем случае мы вызывать его не будем т.к в вызове данных из него не нуждаемся;</p>
<p></p>
<p>*/</p>
<p></p>
<p>/*</p>
<p>function fade(){</p>
<p>	$(\'#text\').fadeIn(2000, function (){</p>
<p>		$(\'#text\').fadeOut(2000);</p>
<p>	});</p>
<p>	#Функция эффекта появление и исчезновение текста (2000) - с какой скоростью будет появляться и исчезать текст. 1000 = 1 сек;</p>
<p>*/</p>
<p></p>
<p>echo '<a href="#" id="btn1" onclick="fade()">• Клик</a>';#Ну и сама ссылка вызова << id="btn1" >> - Наш ид для вызова функции обработчика на ajax.</p>
<p><< onclick="fade()" >> Вызов функции появления и исчезновения текста;</p>
<p></p>
<p>$mysqli->close();#Закрываем соединение с БД;</p>
<p></p>
<p>==--== Пишем обработчик =--=</p>
<p></p>
<p>Как мы видим в нашей основной странице</p>
<p>url: \'/Query.php?query=Hello\',</p>
<p>это значит что мы будем передавать значение "Hello";</p>
<p></p>
<p>1)Создаём подключение к Базе</p>
<p>- $mysqli = new mysqli('localhost', 'User', 'Password', 'Base');#Подключаемся;</p>
<p>- $mysqli->set_charset('utf8');#Задаём кодировку;</p>
<p></p>
<p>2) Принимаем нашу переменную query</p>
<p>   $query = htmlspecialchars($_REQUEST['query']);</p>
<p></p>
<p>3) Делаем запрос в Базу Данных</p>
<p>-  $stmt = $mysqli->prepare("INSERT INTO `jquery` SET `jquery`=?"); </p>
<p>   $stmt->bind_param('s', $query); </p>
<p>   $stmt->execute(); </p>
<p>   $stmt->close();</p>
<p></p>
<p>4)Возвращяемся на основную страницу;</p>
<p>- header('Location: /Jquery.php');</p>
<p>5)Закрываем соединение;</p>
<p> - $mysqli->close(); </p>
<p></p>
<p>Ну вот и всё :) Живой пример можете скачать по адресу: </p>
<p>- http://upwap.ru/1876423</p>
<p>- Пароль: johncms</p>
<p>Автор: tillad</p>
</section>
</body>
</FictionBook>