JQ的Ajax登陆 -3
来源:互联网 发布:python.chm百度云 编辑:程序博客网 时间:2024/04/28 02:49
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>
<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("没有此用户或者密码不正确!");
}
}
});
}
(
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';
}
?>
$p = isset($_POST["p"]) ? $_POST["p"] : $_GET["p"];
$id = isset($_POST["id"]) ? $_POST["id"] : $_GET["id"];
if($id == "admin" && $p == "admin"){
echo 'success';
}
?>
- JQ的Ajax登陆 -3
- ajax(3)---jq下的ajax
- jq的ajax
- jq - ajax -的方法
- 关于JQ的AJAX
- jQ ajax的使用
- jq版的ajax
- JQ的Ajax的操作
- Jquery JQ AJAX 的使用
- jq的ajax 使用formdata
- JQ中AJAX的isModified
- jq ajax
- jQ-ajax
- jq ajax
- JQ AJAX
- jq ajax
- JQ对用户名异步校验(JQ的AJAX)
- jq live的ajax函数调用
- 安家。。。
- WinCE中telnet,FTP及网络共享的使用方法
- 使用php+ajax实现登录功能教程-1
- oracle shutdown and startup
- 简单示例AJAX结合PHP代码实现登录效果代码-2
- JQ的Ajax登陆 -3
- Oracle DB 服务器 系统时间修改问题 与 SCN 关系的深入研究
- 发发牢骚
- 批量执行数据库对象脚本
- php简单分页代码
- 设计模式——抽象工厂模式【Abstract Factory Pattern】
- nls_lang
- CodeLite CodeBlocks 脚本设置 运行窗口
- C#中webService发布与调用