Установите Firefox с расширением Firebug, откройте его с помощью F12, включите вкладки «NET», «SCRIPT» и «CONSOLE».Поместите точку останова в сценарий (вокруг предупреждения (postTo)), используя вкладку SCRIPT.Обновите страницу и пройдитесь по ней, следя за консолью.Используйте вкладку NET, чтобы проверить правильность как запроса, так и ответа сценария php.
Приведенный выше код работает в моей среде (с небольшим изменением оповещения (данных) на оповещение (data.message)).У меня работает следующее:
login.php:
<?
if(isset($_POST['username']) and isset($_POST['password'])) {
// do logic for logining in (usually query your db)
if ($_POST['username'] == 'test' && $_POST['password'] == 'test') {
$data['success'] = true;
$data['message'] = 'Login succesful';
} else {
$data['success'] = false;
$data['message'] = 'Login failed';
}
// return json
echo json_encode($data);
}
?>
login.html:
<head>
<script type='text/javascript' src='jq/jquery.js'></script>
<script type='text/javascript'>
$(document).ready(function() {
alert("dddd");
$('#loginForm').submit(function() {
$('#output').html('Connecting....');
var postTo = 'http://localhost/login.php';
alert(postTo);
$.post(postTo,{username: $('[name=username]').val() , password: $('[name=password]').val()} ,
function(data) {
if(data.message) {
alert(data.message);
} else {
$('#output').html('Could not connect');
}
},'json');
return false;
});
});
</script>
</head>
<body>
<form id='loginForm'>
<input type='text' id='username' name='username'/>
<input type='text' id='password' name='password'/>
<button type='submit'>Submit</button>
</form>
</body>