使用Ajax登录网站
Website login with Ajax
这是控制台的屏幕截图。我是json和Ajax的初学者,我正在尝试为我的网站编写登录名,但我不知道为什么它不起作用。
login-register.js
function loginAjax(){
$.post( "login.js", function( data ) {
if(data == 1){
window.location.replace("/sportime.html");
} else {
shakeModal();
}
});
}
login.js
$(document).ready(function()
{
$('#login').click(function()
{
var username=$("#username").val();
var password=$("#password").val();
var dataString = 'username='+username+'&password='+password;
if($.trim(username).length>0 && $.trim(password).length>0)
{
$.ajax({
type: "POST",
url: "ajaxLogin.php",
data: dataString,
cache: false,
beforeSend: function(){ $("#login").val('Connecting...');}
});
}
return false;
});
});
ajaxLogin.php
<?php
include("conectare.php");
session_start();
if(isset($_POST['username']) && isset($_POST['password']))
{
// username and password sent from Form
$username=mysqli_real_escape_string($mysqli,$_POST['username']);
//Here converting passsword into MD5 encryption.
$password=md5(mysqli_real_escape_string($mysqli,$_POST['password']));
$result=mysqli_query($mysqli,"SELECT uid FROM users WHERE username='$username' and password='$password'");
$count=mysqli_num_rows($result);
$row=mysqli_fetch_array($result,MYSQLI_ASSOC);
// If result matched $username and $password, table row must be 1 row
if($count==1)
{
$_SESSION['login_user']=$row['uid']; //Storing user session value.
echo $row['uid'];
}
}
?>
sportime.php
<?php
session_start();
if(!empty($_SESSION['login_user']))
{
header('Location: sportime-loggedin.php');
}
?>
这是从sportime.php 登录的模式
<div class="modal fade login" id="loginModal">
<div class="modal-dialog login animated">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Login</h4>
<div class="content text-center"><h5>Use your University credentials</h5></div>
</div>
<div class="modal-body">
<div class="box">
<div class="content">
<div class="error"></div>
<div class="form loginBox">
<form method="post" action="" onsubmit="loginAjax(); return false;" accept-charset="UTF-8">
<input id="email" class="form-control" type="text" placeholder="University ID" name="id">
<input id="password" class="form-control" type="password" placeholder="Password" name="password">
<input class="btn btn-default btn-login" type="submit" value="Login">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
为什么要将post
转换为js文件?
function loginAjax(){
$.post( "login.js", function( data ) {
if(data == 1){
window.location.replace("/sportime.php");
} else {
shakeModal();
}
});
}
你的loginAjax
函数应该像这个
function loginAjax() {
var username = $("#email").val();
var password = $("#password").val();
var dataString = 'username=' + username + '&password=' + password;
if ($.trim(username).length > 0 && $.trim(password).length > 0) {
$.ajax({
type: "POST",
url: "ajaxLogin.php",
data: dataString,
cache: false,
beforeSend: function() {
$("#login").val('Connecting...');
}
}).success(function(data) {
if (parseInt(data) > 1) {
window.location.replace("/sportime.html");
} else {
shakeModal();
}
});
}
return false;
}
编辑
你把身份证放错地方了。更换
var username = $("#username").val();
使用var username = $("#email").val();
相关文章:
- 突然间我可以't登录ASP.Net网站
- 使用 nodejs 通过蒸汽登录登录网站
- 将登录链接到另一个网站而不提供密码
- 如何创建一个提示用户输入登录id和密码的网站
- 从网站调用phpmyadmin中的存储过程来检查登录详细信息
- 使用Ajax登录网站
- Casperjs-登录https网站的脚本出错
- 为移动网站高效登录Facebook
- 如何使用脚本将twitter登录集成到我的网站
- 使用自制的html表单注册/登录网站
- Protractor:非角度登录到角度网站
- 如何创建Django网站的facebook登录
- 登录到网站并从页面获取html
- 防止Angular网站上未经授权的用户在重定向到登录之前看到网站的最佳方式
- 自动网站登录打开浏览器
- 如何使用社交网络帐户或其他网站登录
- jqueryget,post在尝试创建自动网站登录时不起作用
- 网站登录使用WebView Javascript Android
- 自动填写其他网站登录表单中的值
- 从我的网站登录gmail