javascript - 使用 $.ajax 发布不起作用

Question

嗯，这个问题并不新鲜，正如我所看到的(确实冲浪了很多)，但仍然无法为自己找到解决方案。

问题描述:

1. 拥有本地 Web 服务器 - XAMPP；
2. 火狐29.0.1

3. 并尝试使用 $.ajax 发送 POST

   function checkUser(){
     $.ajax({
       type: 'POST',
       url: 'ajax/checkUser.php',
       data: 'uname='+$("#username").val()+'&pword='+$("#password").val(),
       success: function(){
         someNewFunc();
       },
     });
   };
   

我调用这个函数:

$(document).ready(function(){
        $(".button.postfix.login").on("click", function(){
        if (($("#username").val() != "") && ($("#password").val() != "")) {
            hide(); <-- hide pop ups about empty field
            checkUser();    
        } else {$("#empty").show();} <-- pop ups 
        });
    });

这里是包含元素的页面代码:

<input id="username" type="text" placeholder="Username" />
<input id="password" type="password" placeholder="Password" />

<a class="button postfix login" href="#" 
onclick="event.preventDefault();">Sign in</a>

我猜数据正在出去，但页面 checkUser.php 没有得到任何东西。我做错了什么？

附注检查用户.php:

<?php
print_r($_POST);
?>

结果 - 数组 ( )

P.P.S。顺便说一句，如果 POST 更改为 GET 它可以工作，但需要是 POST

Answer 1

$(document).ready(function(){

$(".button.postfix.login").on("click", function() {

    var username = $("#username").val();
    var password = $("#password").val();

if ((username != "") && (password != "")) {
    hide(); <-- hide pop ups about empty field
    checkUser(username, password); // Pass the variables here as a parameter
} else {
    $("#empty").show();} <-- pop ups 
});

// Put the parameters here
function checkUser(username, password) {

  $.ajax({
    type: 'POST',
    url: 'ajax/checkUser.php',
    data: { username:username, password:password} //It would be best to put it like that, make it the same name so it wouldn't be confusing
    success: function(data){
       alert(data);
    },
  });
};

});

所以当你要在 php 上调用它时

$username = $_POST['username'];

echo $username;