login ajax
ik heb in php
login.php een login script gemaakt
maar hoe kan ik nu doen dat ik op index alles invull en dan een foutmelding komt
zonder te refrehsen ?
Kijk eens naar de .ajax()-functie van jQuery. En stuur dan via een POSTrequest de inloggegevens naar je script. Bij voorkeur via SSL.
- Aar - op 10/10/2014 21:11:40:
Kijk eens naar de .ajax()-functie van jQuery. En stuur dan via een POSTrequest de inloggegevens naar je script. Bij voorkeur via SSL.
en dan?
Toevoeging op 10/10/2014 21:18:19:
kwam op deze site uit is dat wat?
http://www.ondeweb.in/ajax-login-form-with-jquery-and-php/
Ja, als je maar weet dat md5() al over zijn tijd heen is. Gebruik dan password_hash en password_verify().
- Aar - op 10/10/2014 21:21:37:
Ja, als je maar weet dat md5() al over zijn tijd heen is. Gebruik dan password_hash en password_verify().
ik wou het aanpassen
en inbouwen naar me eigenscript met blowfish
Toevoeging op 10/10/2014 21:36:54:
heb dit
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
<head>
<title><?php echo $title ?></title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="login2.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="header">
<div id="links">
<img src="http://www.catalogs.com/info/bestof/wp-content/uploads/2011/09/62.jpg" width="172" height="100" align="center" />
</div>
<div id="midden">
</div>
<div id="rechts">
<form action="./" method="POST">
<?php echo $langusername; ?>:<br />
<input type="text" placeholder="gebruikersnaam" name="username" /><br />
Wachtwoord:<br />
<input type="password" name="password" placeholder="wachtwoord" /><br />
<input type="submit"id="login" value="login">
<input type='hidden' name='hidden' value=1>
</form>
</div>
</div>
<div class="clear"></div><!-- clear -->
<div id="footer" >
pizza met pereroni
</div>
</body>
</html>
<head>
<title><?php echo $title ?></title>
<link rel="stylesheet" type="text/css" href="index.css" />
<script src="login2.js"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div id="header">
<div id="links">
<img src="http://www.catalogs.com/info/bestof/wp-content/uploads/2011/09/62.jpg" width="172" height="100" align="center" />
</div>
<div id="midden">
</div>
<div id="rechts">
<form action="./" method="POST">
<?php echo $langusername; ?>:<br />
<input type="text" placeholder="gebruikersnaam" name="username" /><br />
Wachtwoord:<br />
<input type="password" name="password" placeholder="wachtwoord" /><br />
<input type="submit"id="login" value="login">
<input type='hidden' name='hidden' value=1>
</form>
</div>
</div>
<div class="clear"></div><!-- clear -->
<div id="footer" >
pizza met pereroni
</div>
</body>
</html>
en me login2.js
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
$(document).ready(function(){
$("#add_err").css('display', 'none', 'important');
$("#login").click(function(){
username=$("#username").val();
password=$("#password").val();
$.ajax({
type: "POST",
url: "login.php",
data: "username="+username+"&pwd="+password,
success: function(html){
if(html=='true') {
//$("#add_err").html("right username or password");
window.location="dashboard.php";
}
else {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("<img src='images/alert.png' />Wrong username or password");
}
},
beforeSend:function()
{
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("<img src='images/ajax-loader.gif' /> Loading...")
}
});
return false;
});
});
$("#add_err").css('display', 'none', 'important');
$("#login").click(function(){
username=$("#username").val();
password=$("#password").val();
$.ajax({
type: "POST",
url: "login.php",
data: "username="+username+"&pwd="+password,
success: function(html){
if(html=='true') {
//$("#add_err").html("right username or password");
window.location="dashboard.php";
}
else {
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("<img src='images/alert.png' />Wrong username or password");
}
},
beforeSend:function()
{
$("#add_err").css('display', 'inline', 'important');
$("#add_err").html("<img src='images/ajax-loader.gif' /> Loading...")
}
});
return false;
});
});
maar werkt niet
Wat werkt er niet asn, en wat doet hij wel? Heb je al debugged en je Console in Firefox of Chrome gecheckt?
Line 2, Column
Uncaught ReferenceError: $ is not defined login2.js:2
Failed to load resource: net::ERR_CACHE_MISS http://localhost/
maar die snap ik niet wel die login2.js alleen hoe ik hem moet oplossen
Je zou op wat strategische plekken een console.log('test'); kunnen plaatsen in je JS-code om vervolgens in je console te kunnen kijken waar het vast loopt, of waar het werkt.
Zo kan je je zelf afvragen of:
- Werkt de succes-event?
- Wordt anders de één van de andere events aangeroepen?
hij me login wordt die niet aan geroepen :(