Хочу сделать форму логина без перезагрузки страницы
реализовал так:
index.html
------------------------------------
|
Код:
|
<html>
<head>
<script language="javascript" type="text/javascript" src="tools/jquery-1.5.1.js"></script>
</head>
<body>
<form action="" method="post" id="loginform">
Username:
<input type="text" id="username" name="username" />
Password:
<input id="password" type="password" name="password" />
<input id="s" type="submit" value="отправить" onclick="login(this.form);">
</form>
<div onclick="clickme()">click my</div>
<div id="message"></div>
<script>
function login(data)
{
var login = data.username.value;
var password = data.password.value;
var postdata = "login=" + login + "&password=" + password;
$.ajax(
{
type: "POST",
url: "login.php",
data: postdata,
success: function(html)
{
$("#loginform").hide(); // скрываем форму
$("#message").html(html);
}
});
}
function clickme()
{
$.post('login.php', function(html){$("#loginform").hide(); $("#message").html(html);});
}
</script>
</body>
</html> |
login.php
----------------------------------------
|
Код:
|
<?php
echo "Добро пожаловать";
?> |
если я кликаю по <div>click my</div>, то событие обрабатывается, но на экран выводится какая-то аброкадабра.
На кнопке
отправить скрипт успешного выполнения не отрабатывает.
Что я неправильно сделал?
Заранее спасибо.