AJAX+PHP

选择了远方,便只顾风雨兼程;目标是地平线,留给世界的是如风的背影!

 

JQ的Ajax登陆

 1 、Ajax 登陆
(1)login.html

<html><head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="login.js"></script>
<style type="text/css">
body 
{ font:12px/1.6em "宋体" }
ul 
{ list-style:none; }
li 
{ margin-top:10px; }
</style>
</head>
<body>
<h3>会员登录</h3>
<div id="login">
<form method="post" action="login.php" id="form" name="form">
    
<ul>
      
<li>名字:<input type="text" name="user" id="user" size="16" maxlength="20"></li>
      
<li>密码:<input type="password" name="pass" id="pass" size="16" maxlength="20"></li>
      
<li>
        
<input type="submit" style="border:0" />
      
</li>
      
<li id="confirm"></li>
    
</ul>
</form>
</div>
</body></html>

(2)login.js

$(document).ready

(
function()
{
    $(
"#form").submit
    (
       
function()
        {
        login();
        
return false;
        }
    );
}
);
function login()
{
var user = $("#user").val();
var pass = $("#pass").val();
if (user == "")
{
    $(
"#confirm").text("请输入登录用户名");
    $(
"user").focus();
    
return false;
}
if(pass == "")
{
    $(
"#confirm").text("请输入登录密码");
    $(
"#pass").focus();
    
return false;
}
$.ajax({
    type: 
"POST",
    url: 
"login.php",
    data: 
"id=" + user + "&p=" + pass,
    beforeSend: 
function(){
    $(
"confirm").text("登录中,请稍候");
    },
    success: 
function(msg){
    
if(msg == "success"){
        $(
"#confirm").text("登录成功,欢迎" + user + "回来!正在进入你的空间");
    }
else {
        $(
"#confirm").text("没有此用户或者密码不正确!");
    }
    }
});
}

(3)login.php

<?php
$p = isset($_POST["p"]) ? $_POST["p": $_GET["p"];
$id = isset($_POST["id"]) ? $_POST["id": $_GET["id"];
if($id == "admin" && $p == "admin"){
    
echo 'success';
}
?>

posted on 2008-03-13 00:00 刘伟 阅读(5307) 评论(0)  编辑 收藏 引用 网摘 所属分类: jQueryPHP


只有注册用户登录后才能发表评论。
网站导航:

导航

统计

公告

严正申明:严禁任何营利性商业网站在未经作者授权同意情况下进行转载等侵权行为。

留言簿(1)

随笔分类

随笔档案

新闻档案

相册

css

搜索

积分与排名

最新评论