Выполнение php скрипта без перезагрузки страницы.

Сегодня хотел бы законспектировать очень полезную инструкцию в которой будет показано как исполнять php скрипты без перезагрузки самой страницы. Данная технология называется Ajax и очень широко используется при разработке веб проектов. Примеры работы ajax вы можете наблюдать на многих сайтах это добавления комментариев а также разнообразные голосования и опросы. На нашем сайте вы также можете наблюдать работу ajax на странице контакты.
Теперь давайте рассмотрим как переменить технологию ajax на примере. Для начала к нашему документу нужно подключить библиотеку Jquery самый простой способ подключения Jquery смотрим ниже:
далее нужно подключить скрипт который будет передовать переменные нашему скрипты и получать ответ
var req = Create();
function ge(id)
{
return document.getElementById(id);
}
function Create()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
req = new XMLHttpRequest();
}
return req;
}
function Request(query)
{
req.open('post', 'полный путь к php скрипту' , true );
req.onreadystatechange = Refresh;
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
req.send(query);
}
function Refresh()
{
var a = req.readyState;
if( a == 4 )
{
var b = req.responseText;
document.getElementById('ajax').innerHTML = b;
}
else
{
document.getElementById('ajax').innerHTML = '
'; } } /////Собераем все элементы формы которые будем отправлять function Pusk() { var query; var txt11 = encodeURIComponent(ge('name').value); var txt22 = encodeURIComponent(ge('email').value); query = 'name='+txt11+'&email='+txt22; Request(query); }
В строке 23 мы прописываем полный путь к php файлу который у нас выступает в роли обработчика, далее строки 48, 49 здесь создаем две переменные txt11, txt22 в которые заносим значения из формы с input id="email" и input id="name" форма отправки выглядит так:
Далее в строке 50 мы все это передаем нашему скрипту методом post, а передаем следующие переменные name и email. Также нужно создать див контейнер с id="ajax" в котором будет выводится результат работы нашего скрипта.
Сам php скрипт для примера может выглядеть примерно так:
$name = isset($_POST['name'])?$_POST['name']:NULL;
$email = isset($_POST['email'])?$_POST['email']:NULL;
echo "Меня зовут $name и мой емейл $email";
Вот такой не хитрый js скрипт который поможет исполнять ваши php скрипты без перезагрузки страницы.
Как запустить JS скрипт

Написать что-то на языке Java не так уж и просто, и не обладая основными знаниями вы, вряд ли сможете это....
Работа с php скриптами через ajax.

Сегодня речь пойдет о технологии ajax которая позволяет обращаться к php скриптам на сервере без перезагрузки....
Флешь плеер для воспроизведения mp3 файлов.

При разработке интернет сайтов иногда перед веб мастером становится задача воспроизведение mp3 файлов на....
Как добавить скрипт комментариев в контакте на сайт?

При разработке сайтов встает вопрос реализации комментариев к заметкам, комментарии оживляют блог или....
Скрипт обратного отсчета на JS

Сегодня хотел бы поделится одним очень полезным скриптом таймер обратного отсчета, применения скрипту....
Задаем разный цвет ячейкам.

При создании различных таблиц к примеру для создания прайс листов, также это могут быть блоки вывода....
gg