Что такое

Асинхронные запросы, ajax

Kamillorn — Thu, 28 Feb 2013 19:32:11 GMT

Асинхронные запросы - жутко звучащая формулировка, особенно для новичка в области программирования, позволяют освободить пользователя от мельтешащих обновлений страницы и реализуют работу с сайтом в пределах одной страницы, блоки которой обновляются в зависимости от действий пользователя. В общем-то на выходе всё прекрасно и уместно, правда осуществление данного механизма на сайте не так проста, как думается. Давайте перейдем к рассмотрению базовых знаний необходимых для создания асинхронных запросов. Может даже кому-то станет потешно, но желательно понимание HTML :), следом нужно ведать javascript, после необходимы знания в php и, (само собой) разумеется же MySQL. С точки зрения программирования, план работы асинхронного запроса будет выглядеть следующим образом:

1. юзер на странице активирует нажатием какой-либо зрительный компонент, что в свою черед влечет к выполнению пункта 2;

2. активирование визуального элемента сайта приводит к вызову javascript функции [ajax_request], в которой и происходит разновременный запрос к веб серверу;

3. сервер, приняв задание, анализирует его, выполняет все необходимые действия и отдает отклик, "Выкрикивая" его с помощи функций echo или print;

4. отзыв сервера приходит в [ajax_request] и происходит обработка ответа от веб сервера;

5. спустя время, после обработки ответа, информация выводятся на экран используя атрибут .innerHTML dom элементов страницы.

Я обязан остеречь Вас от реализации данного механизма для полной навигации по сайту, этот вид навигации повлечет за собой неимение истории в браузере, что дико отрицательно будет воспринято 99% процентами пользователей, соответственно, этот приём и вообще асинхронные запросы вернее использовать в формах проверки данных, при поиске, или же в полях подсказок, а также в некоторых других случаях.

Реализация функции ajax_request:

JAVASCRIPT

**************************************************************

function ajax_request ()
{
// Вызов функции инициализации объекта XMLHttpRequest
// REQUEST
var request = CreateRequest();
//***************** запрос отправляется вручную.

USER_ID=1;

message ="hello";
// URL для подключения
var url = "agregator.php?task=ADD_MESSAGE&MSG=" +message + "&RECIEVER_ID="+USER_ID+"&random=" + Math.random(); // random (случайное число) - чтобы не было глюков с кешированием
request.open("GET", url, true);
request.onreadystatechange = updatePage;
request.send(null);
function updatePage()
{
if (request.readyState == 4)
if (request.status == 200)
{
// Вызов функции обработки ответа и передача ей ответа
tmp=request.responseText;

document.getElementById('MSG').innerHTML=tmp; // помещаем ответ сервера в эелемент MSG

delete request;
}
else

{
alert("Сервер не ответил");
}
}
}

function CreateRequest()
{
request = new XMLHttpRequest();
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
} if (!request) { alert("Ошибка инициализации XMLHttpRequest! Возможно\n" +
"ваш браузер не поддерживает этот объект.");
}
return request;
}

****************************************************************

***PHP***

$task=$_GET['task'];

switch ($task)
{

case " ADD_MESSAGE ":
$ID=$_GET[' RECIEVER_ID '];
$message=$_GET[' MSG '];

RecordMSG( $message );

echo "Сообщение записано!";

break;

}

*********

***HTML***

В этом элементе появится ответ сервера.

**********

Разделение кода и дизайна при разработке сайтов

Kamillorn — Tue, 26 Feb 2013 18:49:18 GMT

Вопрос разделения кода от дизайна

при проектировании и создании веб систем и сайтов, на мой взгляд имеет очень важное значение для дальнейшей расширяемости и гибкости системы. Рассмотрим данный вопрос на конкретных примерах.

Допустим нам нужно создать форму регистрации пользователей сайта. Можно поступить тремя способами:

Создать php файл, содержащий все необходимые замены и подстановки и сразу выводящий на экран результат работы, такой способ реализован в шаблонах веб движка джумла.
Опять - таки php файл, но уже самостоятельно генерирующий разметку страницы и выводящий на экран результат.
Полностью разделить дизайн и код, заполняющий этот дизайн (шаблон) информацией. Т.е. на выходе мы будем иметь 2 файла с четким разделением функционала.

Поговорим о плюсах и минусах рассмотренных приемов. В первых двух случаях реализации механизма для сайта мы будем редактировать только один php файл, но мы потеряем независимость кода от визуальной ( дизайн) реализации проекта, в принципе это не вызовет страшных проблем, если у нас в проекте буде 2 - 5 форм добавлеия или редактирования материалов. Но если рассмотреть к примеру проект социальной сети в котором может быть порядка сотни интерфейсных элементов реализующих манипуляции с данными пользователя, то тут мы столкнемся с серьезными проблемами при попытке сменить дизайн и разметку в блоках кода связанного, склеенного с дизайном. Но если применить третий вариант, мы получим красивое решение, позволяющее менять весь дизайн и разметку системы, не затрагивая функциональные части.

Спасибо! Жду комментариев!

Как работать на бирже статей?

Avtor — Thu, 21 Feb 2013 19:46:54 GMT

Как работать на бирже статей?

Биржа статей - это специализированная площадка, позволяющая размещать свои статьи на других сайтах участников данной системы. За возможность размещения статей , рекламодатели платят деньги, а вебмастера, соответственно получаюд доход со своих сайтов. Вы можете задаться вопросом: акому это выгодно? Ответ прост: это выгодно всем и площадке автоматического размещения в том числе. Ведь данный метод работы позволяет сэкономить кучу времени на размещение статей.