Web-Programming/jQuery
[ jQuery / ajax / login / php / demo / soruce ] 제이쿼리 로그인 소스
[ jQuery / ajax / login / php / demo / soruce ] 제이쿼리 로그인 소스
jQuery ajax를 사용해서 페이지 이동없이 로그인 처리하는 소스입니다.
jQuery ajax를 사용해서 페이지 이동없이 로그인 처리하는 소스입니다.
로그인 폼 소스
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#login_form").submit(function() {
var unameval = $("#username").val();
var pwordval = $("#password").val();
$.post("backend.php", { username: unameval,
password: pwordval }, function(data) {
$("#status p").html(data);
});
return false;
});
});
</script>
</head>
<body>
<form id="login_form" method="post">
<p>Username: <input type="text" id="username" /></p>
<p>Password: <input type="password" id="password" /></p>
<p><input type="submit" value="Login" /></p>
</form>
<div id="status">
<p></p>
</div>
</body>
</html>
밑에 아이디, 비번 확인시에 DB연결하고 세션 저장해주면되겠죠??
로그인 체크 소스<?php $username = $_POST['username']; $password = $_POST['password']; if ($username == "test" && $password == "password") { print "<strong>Login succeeded!</strong>"; } else { print "<strong>Login failed! Please try again.</strong>"; } ?>
jquery_login_ajax.txt'Web-Programming > jQuery' 카테고리의 다른 글
| [jQuery] Cheatsheets - jQuery tag list!! (0) | 2010.06.30 |
|---|---|
| jQuery Ui - [ 자바스크립트 ] (0) | 2010.06.29 |
댓글