Javascript AJAX不将数据传递给PHP脚本？

我有以下代码：

<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},

.....

登录
登录
$（“.login”）.submit（函数（ev）{
ev.preventDefault（）；
});
函数submitLogin（）{
用户名=$（“.login username”）.val（）；
密码=$（“.login password”）.val（）；
$.ajax({
类型：“POST”，
url:“login.php”，
数据类型：“字符串”，
数据：{'username'：用户名，'password'：密码}，
.....

这是我的PHP脚本（login.PHP）：

---

当我尝试回显

$uName

或

$pWord

时，它是空的。不确定发生了什么。帮助会很棒。当我在PHP中编辑一个正确的用户名和密码到

$uName

和

$pWord

时。说：

$uName=kriv；

这是一个正确的用户名，它回显得很好。所以它看起来就像data不是通过AJAX调用出现的。

复制这些，因为登录用户名和登录密码不是id类

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

改变这个

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

到

---

用于获取具有类的元素

用于具有id，您的具有id的元素不具有类

将

（“.login username”）

更改为

（“.login username”）

，

（.login password”）

更改为

（“.login password”）

因为你使用的是ID，而不是类。不要等到你的网站被黑客攻击。有人在早些时候发布了一个问题，说他被黑客攻击的代码与你的代码类似。你的代码很容易被SQL注入。使用，或与.Plus一起使用，用于密码存储或PHP5.5的函数。对于PHP5.5以下的网站，使用.MD5是旧的，被认为是坏的。

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

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