Работа с формами на PHP+AJAX
Здравствуйте, я собираюсь вести на этом сайте уроки по php. Сам я пока учусь программировать, и лет я-одиннадцати, учтите или бейте безжалостно, как захотите:)!Комментарии приветствуются :)
И так, php - Это язык web - программирования обрабатываемый на сервере, а не на стороне клиента, то есть человек не сможет увидеть исходный код сайта. PHP в большинстве случаев похож функциями на javascript. Я надеюсь, вы знакомы с php на уровне "очень новичка".
Сейчас мы опробуем способ передачи формы методом POST.
Код формы:<html> <head> <title>Передача формы</title> </head> <body> <form action="script.php" method="post"> <input type="text" name="name"> </form> </body> <html>И конечно - php код:
<?php //Файл-обработчик if(isset($_POST['name'])) { //проверяем - написали ли в форму что-то, тогда выводим на страницу echo "Привет, $_POST['name']"; } else { echo "Вы <b>ничего</b> не ввели!"; } ?>
Да, всё просто-но рано или поздно перед вами встанет вопрос-как обратится к скрипту НЕПЕРЕЗАГРУЖАЯ страницу. Делается это на AJAX.
Сначала подключаем библиотеку jquery и jquery.form и вставляем код javascript в HTML страницу.
<script type="text/javascript">$(document).ready(function() { //Вешаем на нашу форму функцию ajax.Form() $('#myform').ajaxForm({ //Результат работы обработчика выведем в объекте. У меня - div с id=result target: '#result', type: 'POST', //тип передачи //Укажем путь до php обработчика url: '/script.php', //На время обработки данных обработчикам, до окончания обрабодки повесим анимацию(Можно текст, флеш, музыку и т.д.) beforeSend: function() { $('#result').html('Текст или картинка') }, //Успешное окончание обработки success: function() { $('#result').fadeIn('slow'); } }); });</script>
Позже я напишу урок о написании простой регистрации, удачи!
Урок 9 - Счётчик посещений на php