Hallo,
Kan iemand mij uitleggen hoe AJAX werkt, of een link sturen met uitleg zodat ik mijn login systeem met AJAX kan maken. Zelf weet ik nog niet zo goed hoe AJAX werkt en ik zou het graag willen leren.
3.738 views
De theorie vind je hier:
https://en.wikipedia.org/wiki/Ajax_%28programming%29
Verder staan er op Google ongetwijfeld diverse tutorials voor zowel het normale JavaScript als het aansluitende jQuery-framework.
https://en.wikipedia.org/wiki/Ajax_%28programming%29
Verder staan er op Google ongetwijfeld diverse tutorials voor zowel het normale JavaScript als het aansluitende jQuery-framework.
Bedankt, ik heb het bekeken en ik snap het grotendeels. Ik ben gelijk begonnen voor mijn login systeem met AJAX te maken maar dit lukt niet echt, ik heb het volgende script al, maar het geeft geen alert met de informatie.
Volgensmij is de fout ergens bij $.POST waar $username = user, $password = pass staat, Ik weet niet zeker of ik dit goed heb gedaan, en of de alert box klopt..
<?php
session_start(); // START SESSION \\
// INCLUDE SOME FILES \\
include_once 'paneel/include/init.php';
include_once 'paneel/include/functions.php';
?>
<!DOCTYPE html>
<html>
<head>
<title>
Inloggen
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<p><?=$loginerror?></p>
<p><?=$loginsucces?></p>
<form action="" method="POST">
<input type="text" name="username" placeholder="Gebruikersnaam" autofocus><br>
<input type="password" name="password" placeholder="Wachtwoord"><br>
<input id="submit" type="submit" name="login" onclick="getLoginScript()" value="Inloggen"><br>
</form>
<script>
$(document).ready(function(){
$("#submit").click(function(){
var user = <?php echo $_POST['username'] ?>;
var pass = <?php echo $_POST['password'] ?>;
$.POST("paneel/include.login.php",
{
$username: user,
$password: pass
},
function(data,status){
alert("Username: " + user + "\nPassword: " + pass);
});
});
});
</script>
</body>
</html>
Volgensmij is de fout ergens bij $.POST waar $username = user, $password = pass staat, Ik weet niet zeker of ik dit goed heb gedaan, en of de alert box klopt..
Je Javascript hoort in de head-sectie van de HTML. Verder kan je hierin niet zomaar je POST-variabelen gebruiken omdat er in je HTML-document nog niet eens gepost is. Kijk eens naar de .val() functie van jQuery om de inhoud van velden op te halen.
nee, je fout zit in de submit knop.
Dat is een function en die zie ik niet terug in je:
onclick="getLoginScript()"
Dat is een function en die zie ik niet terug in je:
function getLoginScript() {
$( document ).ready(function() {
// hier de rest...
});
};
Die functie zou je met jQuery ook niet snel nodig hebben.
nee inderdaad Arien.
Ligt er maar net aan hoe geavanceerd hij zijn javascript systeem wil maken.
Maar nu zal het nooit iets doen omdat hij er een function van heeft gemaakt. ;)
Ligt er maar net aan hoe geavanceerd hij zijn javascript systeem wil maken.
Maar nu zal het nooit iets doen omdat hij er een function van heeft gemaakt. ;)
Bart V B op 25/12/2016 10:10:48
nee, je fout zit in de submit knop.
onclick="getLoginScript()"
Dat is een function en die zie ik niet terug in je:
function getLoginScript() { $( document ).ready(function() { // hier de rest... }); };
Aangepast, maar werkt nog niet
Wat heb je nu dan aangepast?
[code]
<script>
$("#submit").click(function(){
var user = <?php echo $_POST['username'] ?>;
var pass = <?php echo $_POST['password'] ?>;
$.POST("paneel/include.login.php",
{
$username: user,
$password: pass
},
};
</script>
[code]
<script>
$("#submit").click(function(){
var user = <?php echo $_POST['username'] ?>;
var pass = <?php echo $_POST['password'] ?>;
$.POST("paneel/include.login.php",
{
$username: user,
$password: pass
},
};
</script>
[code]
onClick ook al weggehaald?
En heb je de .val() functie al gevonden? Want $_POST gaat niet werken in deze situatie. Dat doet jQuery uiteindelijk zelf wel na de submit.
En is het bestand wel include.login.php?
Vergeet de $(document).ready(function() { ook niet.
En heb je de .val() functie al gevonden? Want $_POST gaat niet werken in deze situatie. Dat doet jQuery uiteindelijk zelf wel na de submit.
En is het bestand wel include.login.php?
Vergeet de $(document).ready(function() { ook niet.