AJAX没有将数据传递给PHP脚本？

Question

I have this code:

<form id="login" name="login" class="login-form" action="./" method="post">
      <h2>Log In</h2>
      <div class="error" style="display:none"></div>
      <input type="text" id="login-username" placeholder="Full Name" />
      <input type="password" id="login-password" placeholder="Password" />
      <button onclick="submitLogin();">Log In</button>
    </form>

    <script type="text/javascript">
$(".login").submit(function(ev){
  ev.preventDefault();
});

function submitLogin() {
    username = $(".login-username").val();
    password = $(".login-password").val();
    $.ajax({
        type: "POST",
        url: "login.php",
        datatype: "string",
        data: {'username' : username, 'password' : password},

.....

And this is my PHP script (login.php):

<?php
session_start();
require_once 'config.php';

$uName = $_POST['username'];
$pWord = md5($_POST['password']);

$query = "SELECT id, username, password, email FROM users WHERE username = '$uName' AND password = '$pWord'";
$result = mysql_query($query) or die(mysql_error());
$numrows = mysql_num_rows($result);
$row = mysql_fetch_assoc($result);


if($numrows == 1 ) {
    echo 'true';
    $_SESSION['uName'] = $row['username'];
}
else {
    echo 'false';
    }
?>

When I try to echo out $uName or $pWord its empty. Not sure whats going on. Help would be awesome. When I edit a correct username and password to $uName and $pWord into the PHP.. say: $uName = kriiv; and that is a correct username, it echoes out fine. So it just looks like the data is not coming across via the AJAX call.

Answer 1

Copy these it will work because login-username and login-password are id's not class.

username = $("#login-username").val();
password = $("#login-password").val();