PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
k

login ajax

Door kenny iets op 10-10-2014 21:03
3.124 views
hallo
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 ?
Ariën
10-10-2014 21:11
Kijk eens naar de .ajax()-functie van jQuery. En stuur dan via een POSTrequest de inloggegevens naar je script. Bij voorkeur via SSL.
Ariën
10-10-2014 21:21
Ja, als je maar weet dat md5() al over zijn tijd heen is. Gebruik dan password_hash en password_verify().
k
kenny iets
10-10-2014 21:22
- 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 

<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


$(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;
});
});

maar werkt niet
Ariën
10-10-2014 21:48
Wat werkt er niet asn, en wat doet hij wel? Heb je al debugged en je Console in Firefox of Chrome gecheckt?
k
kenny iets
10-10-2014 21:58
ja alleen 2 foutmeldingen
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
Ariën
10-10-2014 23:16
Werkt het PHP-script verder wel naar behoren, als je die los uitvoert?

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?
k
kenny iets
11-10-2014 09:10
hij me login wordt die niet aan geroepen :(
Ariën
11-10-2014 09:37 gewijzigd op 11-10-2014 09:38
Of jQuery is niet geladen, of het php loginscript is niet gevonden. Dit concludeer ik uit je post.

Helaas blijft je bericht erg summier en vaag.

Reageren

Inloggen om te reageren