简单的jquery Ajax进行登录！

最新推荐文章于 2021-11-09 15:27:40 发布

weixin_30918415

最新推荐文章于 2021-11-09 15:27:40 发布

阅读量185

点赞数

文章标签： php 数据库 json

原文链接：http://www.cnblogs.com/chenyoumei/p/8058432.html

版权

本案例包括login.html、login.php、jquery-1.12.0.min.js三个文件，只需将这三个文件放到同一文件夹下，即可运行。

<!DOCTYPE html>
<html>
<head>
<title>jquery Ajax!</title>
<meta charset="utf-8">
</head>
<body>
<input name="username" type="text" placeholder="请输入用户名" value="meizi">
<input name="password" type="text" placeholder="请输入密码" value="123456">

<p></p>
<input name="submit" type="submit" οnclick="login()">

<?php
//声明json格式与编码格式
header('Content-Type:text/json;charset=utf-8');
//1 传入用户名和密码
$username = $_POST['username'];
$password = $_POST['password'];
//2 默认设置用户名为：meizi，密码为：123456，进行账号密码验证
if($username==="meizi" && $password==="123456"){
//建立数组，并将数组转化为json格式，作为ajax的返回值，返回给login.html
//用户名和密码验证成功，返回值如下
$test = array("msg"=>"登陆成功！","username"=>$username,"password"=>$password);
//事实上，若要进行数据库登录验证，只需在此处连接数据库，然后进行sql查询即可，但是本案例只演示jquery的Ajax，就不再涉及数据库了
echo json_encode($test);
}else{
//用户名和密码验证失败，返回值如下
$test = array("msg"=>"用户名或密码错误，请重新输入！","username"=>$username,"password"=>$password);
echo json_encode($test);
}