Javascripts pakt vars formulier niet

Status
Niet open voor verdere reacties.
B

bas2101

Gebruiker
Lid geworden
12 okt 2010
Berichten
17
Hallo,

Ik ben bezig met een login script via ajax maar uit de vars komt alleen maar undefind. Dit volgende code gebruik ik ervoor.

formulier pagina:
[JS]
<script type="text/javascript">
$(function() {
$("#submit").click(function() {
$("#lgin").hide();
$("#lgin").empty();
$("#lgin").append("<h2>Inloggen</h2><div class='title_back' style='padding-left:5px;'><img src='images/ajax-loader.gif' /></div>");
var name = $("#naam").val();
var wachtwoord = $("#ww").val();
var sbmit = $("#submit").val();
$.ajax({
type: "POST",
url: "content/auth.php",
data: 'naam='+name+'&ww='+wachtwoord+'&submit='+sbmit,
success: function(html) {
$("#lgin").empty();
$("#lgin").append(html);
$("#wait").fadeOut(1000);
$("#lgin").fadeIn(1000);
}
});
return false;
});
});
</script>
[/JS]
HTML: 
<div id="lgin">
	<h2>Login</h2>
	<div class="title_back">
    <form action="" method="post">
    	<table width="100%">
			<tr>
    			<td>Gebruikersnaam:</td>
	        	<td><input type="text" name="naam" id="naam" /></td>
			</tr>
	    	<tr>
    			<td>Wachtwoord:</td>
	        	<td><input type="password" naam="ww" id="ww" /></td>
		    </tr>
    		<tr>
    			<td colspan="2"> <input type="submit" name="submit" id="submit" class="submit" value="Login"/></td>
		    </tr>
		</table>
    </form>
	</div>
</div>
Het achterliggende php script:
PHP: 
<?php
include("../inc/config.php");
if(isset($_POST['submit'])){
	$ww = sha1($_POST['ww']);
	$name = $_POST['naam'];
	$sql = "SELECT * FROM gebruikers WHERE naam = '".$name."' AND wachtwoord = '".$ww."'";
	$query = mysql_query($sql);
	if(mysql_num_rows($query) > 0){
		echo 'ingelogt';
	}
	else{
		echo 'fail';echo $name;
	}
}
?>

Weet iemand een oplossing hoe ik dit werkend kan maken?

Alvast bedankt,
Bas
 
Ik heb de SQL code in het achterliggende PHP script natuurlijk buiten werking moeten stellen, ik echo gewoon 'ingelogt'.. Maar je HTML code lijkt te werken hoor..

Welke var is undefined?
 
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="/code/libraries/jquery-ui-1.8.13/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript"><!--
$(function() {
    $("#submit").click(function() {
        $("#lgin").hide();
		$('#loginStatus').show();
        var name = $("#naam").val();
        var wachtwoord = $("#ww").val();
        var sbmit = $("#submit").val();
        $.ajax({
            type: "POST",
            url: "content/auth.php",
            data: 'naam='+name+'&ww='+wachtwoord+'&submit='+sbmit,
            success: function(html) {
                $("#lgin").empty();
                $("#lgin").append(html);
                $("#wait").fadeOut(1000);
                $("#lgin").fadeIn(1000);
            }
        });
        return false;
    });
});
-->
</script>
</head>
 
<body onload="">
	<div id="lgin">
    <h2>Login</h2>
    <div class="title_back">
    <form action="" method="post">
        <table width="100%">
            <tr>
                <td>Gebruikersnaam:</td>
                <td><input type="text" name="naam" id="naam" /></td>
            </tr>
            <tr>
                <td>Wachtwoord:</td>
                <td><input type="password" naam="ww" id="ww" /></td>
            </tr>
            <tr>
                <td colspan="2"> <input type="submit" name="submit" id="submit" class="submit" value="Login"/></td>
            </tr>
        </table>
    </form>
    </div>
	</div>
	<div id="loginStatus" style="display:none"> 
	<h2>Inloggen</h2><div class='title_back' style='padding-left:5px;'><img src='images/ajax-loader.gif' /></div>
	</div>
</div>
</body>
</html>

wat je eerst deed was je eigen login form wissen uit de DOM met die $("#lgin").empty()...
de gangbare methode word in de code hierboven gebruikt.

tevens zou je van alert()s kunnen overschakelen op een echte debugger zoals firebug..
dan kun je door een "debugger;" statement toe te voegen in je source-code alle variabelen inspecteren..
en door je code heen kunnen stappen
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan