AlmazDelDiablo

$(document).ready(function(){
    alert('it`s work!');
}

Убедились, что jQuery работает, пошли дальше =)

Да jQuery работает. И понял, почему не работал мой код (там перед этим была функция с ошибкой). Все, спасибо пойду дальше ковыряться, писать буду сюда вопросы по JQ.

$(document).ready(function(){
       $('.copyright').click(function(){
              $(this).animate({right: "-=500"}, "fast")
              return false;
       });
});

Если не поможет, то меняй на копирайт.

О, спасибо :)
Если можно, объясните подробно, для чего нужно поле data: в $.ajax? В тех мануалах где я смотрел — не понятно толком, зачем он нужен.
И еще. Как получить ответ от сервера? Он мне, по идее, долен прислать либо массив $error с ошибками, которые надо вывести в блок HTML'a, либо сделать редирект (это делаю через хедер в ПХП), если вход прошел успешно.

Вот мой нынешний код:

$(document).ready(function(){
	/*alert('it`s work!');*/
        	 $('#loginput').click(function(){
        		 $.ajax({
        			 type: "POST",
        			 url: "./index.php?act=login",
        			 data: "",
        			 success: function(html){
        				 $('#box').html( '<div class="error">ТУТ ДОЛЖЕН БЫТЬ ЕРРОР</div>' );
        			 }
        		 });
        		 return false;
        	 });
});

data отправляет данные серверу, например data : {a: 100, b:200}
<?php
echo $_POST['a'] //выводит 100
echo $_POST['b'] //выводит 200


?>
Ответ можно получить success'ом передать - 1 парметром данные от сервера,2 статус.

AlmazDelDiablo, в данном примере надо отправлять строку типа "org=microsoft&address=kiev&phone=93733658" то есть обычный GET параметр. А для того чтобы отправить JSON, необзодимо конкретно указать тип передаваемых данных.

fallow, не совсем понял на счет success'a. Как в нем получить конкретную переменную из ПХП? Мне при таком success'e:

success: function(msg){
        	$('#box').html( '<div class="error">'+msg+'</div>' );
	 $('.error').animate({top: "+=65px", opacity: "1"}, "slow");
}

В msg выдает весь html-код страницы.

amazing, я, если честно, вообще не понял о чем вы и причем здесь ГЕТ и некий JSON.


Ах да. Вот ПХП-обработчик:

if( isset( $_REQUEST['submit'] ) ) {
	if( $_REQUEST['login'] != '' && $_REQUEST['pass'] != '' ) {
		$login = $db->safe( trim( $_REQUEST['login'] ) );
		$pass = $db->md5( trim( $_REQUEST['pass'] ) );
		$query = $db->arr_query( "SELECT * FROM `wc3_web_players` 
			WHERE `nickname` = '$login' AND `password` = '$pass'"
		);
		if( $db->num_rows( $query ) == 1 ) {
			$user = $query;
			if( $_POST['remember'] == 'on' ) {
				$hash = str_shuffle( $user['password'] ) . $user['id'] . date( 'H' );
				setcookie( 'hash', $hash, time() + 365 * 86400, '/', $_SERVER['HTTP_HOST'] );
				$db->query( "UPDATE `wc3_web_player` SET `hash` = '$hash'
					WHERE `id` = '{$user['id']}'"
				);
			header( 'Location: ./index.php' );
			die();
			}
		} else { $error[] = 'Логин или пароль введены не верно'; }
	} else { $error[] = 'Заполните все поля!'; }
}

$smarty->assign( 'error', $error );
$smarty->display( 'login.html' );

AlmazDelDiablo, постораюсь обяснить проще. Если вставить data: "org=microsoft&address=kiev&phone=93733658", то в файле PHP можно принимать значения:

echo $_POST['org']; //выведет microsoft
echo $_POST['address']; //выведет kiev
echo $_POST['phone']; //выведет 93733658

Вот >здесь<
мне хорошо обьяснил alex12060

Так, ну в принципе в общих чертах понятно, но... У меня результатом саццесса всегда, почему-то, получается весь ХТМЛ-код страницы.
Можно ли через ajax обратиться конкретно к какой-либо переменной, которая содержится в ПХП? Или к функции?

Если честно, то у меня такое ощущение, что в обработчике что-то не то... Но что именно — понять не могу. Вот вообще весь код, который у меня есть:

login.php:

<?php
if( !defined('KEY') ) { exit; }

if( isset( $_REQUEST['submit'] ) ) {
	if( $_REQUEST['login'] != '' && $_REQUEST['pass'] != '' ) {
		$login = $db->safe( trim( $_REQUEST['login'] ) );
		$pass = $db->md5( trim( $_REQUEST['pass'] ) );
		$query = $db->arr_query( "SELECT * FROM `wc3_web_players` 
			WHERE `nickname` = '$login' AND `password` = '$pass'"
		);
		if( $db->num_rows( $query ) == 1 ) {
			$user = $query;
			if( $_POST['remember'] == 'on' ) {
				$hash = str_shuffle( $user['password'] ) . $user['id'] . date( 'H' );
				setcookie( 'hash', $hash, time() + 365 * 86400, '/', $_SERVER['HTTP_HOST'] );
				$db->query( "UPDATE `wc3_web_player` SET `hash` = '$hash'
					WHERE `id` = '{$user['id']}'"
				);
			header( 'Location: ./index.php' );
			die();
			}
		} else { $error[] = 'Логин или пароль введены не верно'; }
	} else { $error[] = 'Заполните все поля!'; }
}

$smarty->assign( 'error', $error );
$smarty->display( 'login.html' );

?>

engine.js:

$(document).ready(function(){
	$('#login').submit(function(){
		$.ajax({
			type: "POST",
			url: "./index.php?act=login",
			data: "login="+$('#nickname').val()+"&pass="+$('#password').val()+"&submit="+$('#loginput').val(),
			success: function(result){					
				$('#box').html( '<div class="error"><span>Ошибка</span><ul><li>'+result+'</li></ul></div>' );
				$('.error').animate({top: "+=65px", opacity: "1"}, "slow");
			}
		});
		return false;
	});
});

login.html:

<div class="main" style="margin-left:-177px; margin-top: -84px; width: 355px; height: 168px;">   
	<table style="width: 308px;" align="center" cellspacing="5" cellpadding="5">
	    <tr>
	       <form id="login">
	       <td valign="top" width="70" align="right">
	           Логин:
	       </td>
	       <td valign="top" width="238" align="center">
	           <input id="nickname" type="text" class="input238" />
	       </td>
	    </tr>
	    <tr>
	       <td valign="top" width="70" align="right">
	           Пароль:
	       </td>
	       <td valign="top" width="238">
	           <div align="center"><input id="password" type="password" class="input238" /></div>
	           <div align="right" class="reg"><a href="./index.php?act=registration">Регистрация</a></div>
	       </td>
	    </tr>
	    <tr>
	       <td valign="top" colspan="2" width="308" align="center">
	           <input id="loginput" type="submit" value="Вход" />
	       </td>
	    </tr>
	    </form>
	</table>
</div>

Результатом работы всего этого должно стать то, что при нажатии «Вход» откправляются ПОСТ-данные ПХП-обработчику и либо редиректит на главную страницу, при удачном входе, либо выдает окошко с ошибками, которые генерируются в список.

Отправить надо в login.php

$(document).ready(function(){
	$('#login').submit(function(){
		$.ajax({
			type: "POST",
			url: "./index.php?act=login", // а тут index.php
			data: "login="+$('#nickname').val()+"&pass="+$('#password').val()+"&submit="+$('#loginput').val(),
			success: function(result){					
				$('#box').html( '<div class="error"><span>Ошибка</span><ul><li>'+result+'</li></ul></div>' );
				$('.error').animate({top: "+=65px", opacity: "1"}, "slow");
			}
		});
		return false;
	});
});

AlmazDelDiablo, потому что в переменную result в файле engine.js записывается все, что попадает в вывод в файле обработчике, в данном случае login.php. А у вас в нем стоит отображение шаблона

$smarty->display( 'login.html' );

Если вместо него поставить

 echo 'Данные сохранены'; 

То в сацесс переменной result будет строка 'Данные сохранены'.

Мммм... кажется начинаю врубаться. Так как у меня login.php защищен с помощью exit(), то мне надо сделать для аякса функцию, которая позволяла бы направлять в login.php данные и отдавать ответ. Правильно?)

...Я дурак, кажется. У меня, как оказалось, вообще ничего на сервер не передается. Сделал вот такую штуку (срабатывает после обработки запроса к login,php):

$.ajax({
	type: "POST",
	url: "./includes/ajax/TEST.php",
	success: function(msg){
		$('#TEST').html( msg );
	}
});

<?php
foreach( $_REQUEST as $key => $var ) {
	$result .= $key .' = '. $var .'<br>';
}
echo $result;
?>

И он мне выдает только мой PHPSESSID. То есть из форм в реквест ничего не передается.

alex12060, открыл. Но из-за причины (см. выше) — все равно не работает. Мозг уже не варит :(

AlmazDelDiablo, все правильно.

$.ajax({
	type: "POST",
	url: "./includes/ajax/TEST.php",
	success: function(msg){
		$('#TEST').html( msg );
	}
});

Тут ничего и не передается, нету атрибута "data: ......" , просто производится запрос.

Ты забыл про data

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

что-то я тебя совсем не понимаю)

Ну, может, код поймешь?) Он лучше чем я разъясняет )

$(document).ready(function(){
	$('#login').submit(function(){
		$.ajax({
			type: "POST",
			url: "./includes/ajax/login.php",
			data: "login="+$('#nickname').val()+"&pass="+$('#password').val()+"&submit="+$('#loginput').val(),
			success: function(result){
				if( result = '' ) { window.location.href=('./index.php'); } else { get_error( result ); }
			}
		});
		$.ajax({
			type: "POST",
			url: "./includes/ajax/TEST.php",
			success: function(msg){
				$('#TEST').html( msg );
			}
		});
		return false;
	});
	
	function get_error( msg ) {
		$('#box').html( '<div class="error"><span>Ошибка</span><ul><li>'+msg+'</li></ul></div>' );
		$('.error').animate({top: "+=65px", opacity: "1"}, "slow");
	}
});

AlmazDelDiablo, если срабатывает success в запросе с логином и паролем то точно пришло. А такая проверка ничего недаст, после отправки логина и пароля, скрипт отрабатывает и отдает html, в нем уж некак не остаеться информация от предыдущих запросов, новый запрос запускает его заного.

Все это проверяется событиями:
beforeSend - выполняеться до отправки запроса,
ajaxSend - непосредственно отправка запроса,
success - если запрос был успешным,
error - когда возникла ошибка,
complete - запрос полностью завершен.

польбому TEST.php и login.php никак между собой не связаны...

Да и незачем тебе эта проверка...

Вообще, вот тебе мой способ:

function reload_items(c) {
	if (c == "") {
	    c = 1;
	}
        
        $.ajax({
                type: "POST",
                url: "cmd.php",
                data: "act=show&c="+c,
                success: function(msg) {
                    if (msg.substr(0, 5) == 'error') { // если первые 5 символос равны error

                    alert(msg.substr(7)); // начинаем чтение с 7 символа, и выводим алерт.
                    
                    return false; // завершаем процесс..
                    }
                    
                    $("#ask-live").html(msg); // Выводим в туда при хорошей работе.
                }
         });
    }

А допустим, тебе надо сказать о ошибке. Тогда, пишешь так:

error: Тут текст моей ошибки.

И при ошибке, он отрежет error:
и покажет тебе: Тут текст моей ошибки.
А все эти лишние проверки - лишние :)

Боже мой, я идиот!!! Я обработчик криво написал Все, заработало! Я осознал ajax!
Ребята, я вас обожаю Чтобы я без вас делал?) Спасибо всем!