WWW.COMPROG.RU: Web - программирование / AJAX / Simple AJAX Code-Kit (SACK) и движок DataLife

Рыская в интернете в поисках Ajax-готового новостного движка, я наткнулся на давно всем известный . Хотя этот довольно продвинутый php ресурс и содержит элементы Ajax, они по-моему не до конца раскрыты и используются довольно скупо. К сожалению, в самой документации движка ничего не поведано на тему как же использовать Ajax и создавать свои собственные модули. Придется эту заколдованную часть раскапывать самому. Тем, кто столкнулся с подобной проблемой, будет безинтересным узнать некоторые подробности , который довольно идентичен Ajax-движку DataLife. В качестве прмера используется обыкновенный авторизационный модуль.

// незабудьте заменить первую строку, если хотите применить этот код в DataLife на эту:

```
// var ajax = new dle_ajax();
```
```
function whenLoading(){
```

   document.getElementById('statusinfo').innerHTML = "<p>Отправляем данные...</p>";

```
}
```
```
function whenLoaded(){
```

   document.getElementById('statusinfo').innerHTML = "<p>Данные отправлены...</p>";

```
}
```
```
function whenInteractive(){
```

   document.getElementById('statusinfo').innerHTML = "<p>Получаем ответ...</p>";

```
}
```
```
function whenError(){
```

   document.getElementById('statusinfo').innerHTML = "<p>Ошибка...</p>";

```
}
```
```
function whenCompleted(){ 
```
```
	if (ajax.responseStatus){
```

		var string = "<p>Статус код: " + ajax.responseStatus[0] + "</p><p>";

		      string += "Сообщение" + ajax.responseStatus[1] + "</p><p>";

		      string += "отправлен URLString: " + ajax.URLString + "</p>";

```
	} else {
```

		var string = "<p> отправлен URLString: " + ajax.URLString + "</p>";

```
	}
```
```
    
```

   document.getElementById('statusinfo').innerHTML = "<p></p>";

   document.getElementById('sackdata').innerHTML = string;

```
}
```
```
function doit(){
```

	var form = document.getElementById('myForm');

	ajax.AjaxFailedAlert = "Включите JavaScript, или используйте иной броузер";

                     ajax.setVar("login_name", form.user.value);

                     ajax.setVar("login_password", form.pass.value);

```
	ajax.requestFile = "login.php";
```
```
	ajax.method = "POST";
```
```
	ajax.element = 'replaceme';
```
```
	ajax.onLoading = whenLoading;
```
```
	ajax.onLoaded = whenLoaded; 
```
```
	ajax.onInteractive = whenInteractive;
```

                     ajax.onError = whenError;

```
	ajax.onCompletion = whenCompleted;
```
```
	
```
```
                     ajax.runAJAX();
```

// незабудьте заменить первую строку, если хотите применить этот код в DataLife на эту:

```
                   //ajax.sendAJAX();
```
```
}
```

```
	…
```

	<script type="text/javascript" src="tw-sack.js"></script>

<script type="text/javascript" src="test.js"></script>

```
</head>
```

```
	…
```

                     <script type="text/javascript" src="test.js"></script>

```
HTML;
```

	<title>Simple AJAX Code-Kit (SACK) </title>

	<script type="text/javascript" src="test.js"></script>

```
</head>
```
```
<body>
```

      <form id="myForm" method="POST" action="login.php" >

Логин:   <input type="text" name="user" id="user">

Пароль: <input type="password" name="pass" id="pass">

	<input type="submit" onClick="doit(); return false;" onDblClick="doit(); return false;" />

```
      </form>
```
```
   <div id="sackdata"></div>
```
```
</body>
```
```
</html>
```

```
$login = $_POST['login_name'];
```
```
$password = $_POST['login_password'];
```

//проверяем базу данных (вставьте свой код)

```
…
```

// а теперь просто выводим тестовую информацию

```
ob_start();
```
```
	print_r($_POST);
```
```
$postdata = ob_get_clean();
```
```
ob_start();
```
```
	print_r($_GET);
```
```
$getdata = ob_get_clean();
```
```
ob_start();
```
```
	print_r($_SERVER);
```
```
$serverdata = ob_get_clean();
```

$return = '<p>Получена следующая информация:</p>

<p>Логин: <strong>'. $login .'</strong><br />

Пароль: <strong>'. $password .'</strong></p>

<table width="334" border="0" cellspacing="0" cellpadding="0">

  <tr><th width="168" scope="col">POST data</th>

    <th width="166" scope="col">GET data</th></tr><tr>

```
    <td>$postdata</td>
```

    <td>$getdata</td></tr></table><br />

<table width="333" border="0" cellspacing="0" cellpadding="0">

  <tr><th width="333" scope="col">SERVER data</th>

  </tr><tr><td>$serverdata</td></tr></table>

```
HTML;
```
```
echo $return;
```
```
?>
```

```
             ...
```

//это специфические поля, используемые DataLife для авторизации пользователя

            ajax.onShow ("Проверяем Ваш логин и пароль");

            ajax.setVar("login_name", form.user.value);

            ajax.setVar("login_password", form.pass.value);

            ajax.setVar("action", "login");

            ajax.setVar("login", "submit");

```
            ajax.execute=true;
```

           // не указывайте переменную ajax.element

           // иначе JavaScript будет показываться пользователям

```
            …
```
```
}
```

Пишем login.php, где обрабатываем отправленные данные

//Обыкновенный скрипт модуля движка DataLife

```
@error_reporting(7);
```
```
@ini_set('display_errors', true);
```
```
@ini_set('html_errors', false);
```
```
define('DATALIFEENGINE', true);
```
```
define('ROOT_DIR', '../..');
```
```
define('ENGINE_DIR', '..');
```

require_once ENGINE_DIR.'/data/config.php';

require_once ENGINE_DIR.'/inc/mysql.php';

require_once ENGINE_DIR.'/data/dbconfig.php';

require_once ROOT_DIR.'/language/'.$config['langs'].'/website.lng';

require_once ENGINE_DIR.'/modules/functions.php';

// вставьте модуль sitelogin.php, который выполняет непосредственно всю авторизацию

require_once ENGINE_DIR.'/modules/sitelogin.php';

// выводим заголовок страницы

```
@header("HTTP/1.0 200 OK");
```
```
@header("HTTP/1.1 200 OK");
```

@header("Cache-Control: no-cache, must-revalidate, max-age=0");

```
@header("Expires: 0");
```
```
@header("Pragma: no-cache");
```

@header("Content-type: text/javascript; charset=".$config['charset']);

//проверяем правильность запроса

```
if ($is_logged) {
```
```
/*
```

 	Можем просто перегрузить страницу

 	или добавьте Ваш собственный код, чтобы вывести

 	модули, видимые только зарегистрированным пользователям

 	без перезагрузки страницы

```
*/
```

          $respond = "document.location.href=dle_root";

```
} else {
```

          $err = "<font color="red">Проверьте Ваш логин или пароль</font>";

          $respond = "document.getElementById('statusinfo').innerHTML = "$err"";

```
}
```
```
echo $respond;
```
```
?>
```