jQuery $ .post问题

Question

我想将我的帖子数据登录到login.php页面。 但是问题是$.post()无法正常工作。 告诉我这段代码的错误。

/includes/login.page（这是一个灯箱）

<form id="forgot-username-form" method="post" >
                    <label id="email">Forgotten your username ?</label>
                    <input type="email" name="forgot_username" id="user-email" />
                    <input type="submit" name="forgot_username" value="Send"/>
                </form>

/script/username.js

$(document).ready(function(){
$("#forgot-username-form").submit(function() {
    var email = $("#user-email").val();     
    alert(email);

    $.post("login.php",{email:email},function(result){
            alert(result);
    });     

});
});

/login.php

if(isset($_POST['email'])){
    $email = $_POST['email'];
    echo $email;
}

帮助我找到此代码的错误。

Answer 1

$(document).ready(function(){
    $("#forgot-username-form").submit(function(e) { //<--note the "e" argument
        e.preventDefault(); //<--you forgot this
        var email = $("#user-email").val();     
        alert(email);

        $.post("login.php",{email:email},function(result){
           alert(result);
        });     
        return false; //<--or you can use this
    });
});

并捕获$_POST 。

if(isset($_POST['email'])):
    $email = $_POST['email'];
    echo $email;
endif;

Answer 2

尝试这个，

if(isset($_POST['email'])){
    $email = $_POST['email'];
    echo $email;
}

如果您想使用$_GET方法，请尝试一下，

脚本

$.get("login.php",{email:email},function(result){
        alert(result);
}); 

PHP页面 login.php

if(isset($_GET['email'])){
    $email = $_GET['email'];
    echo $email;
}

Answer 3

您需要尝试POST因为您使用的是$.POST而不是$.GET

if(isset($_POST['email'])){
    $email = $_POST['email'];
    echo $email;
}

而且您还需要防止诸如

$(document).ready(function(){
    $("#forgot-username-form").submit(function(e) {
        e.preventDefault();     // Prevent Here
        var email = $("#user-email").val();     
        alert(email);

        $.post("login.php",{email:email},function(result){
            alert(result);
        });
        return false;     
    });
});

Answer 4

您做得正确，只是需要在脚本中进行更改

$(document).ready(function(){
 $("#forgot-username-form").submit(function(e) {
  e.preventDefault()
  var email = $("#user-email").val();     
  alert(email);

  $.post("login.php",{email:email},function(result){
         alert(result);
  });     

 });
});

在Submit函数中为事件添加参数e，并通过e.preventDefault函数防止其默认行为。

Answer 5

尝试这种方式：

$.post("login.php",{'email':email},function(result){
        alert(result);
}); 

我所做的更改：我刚刚引用了您的post数据对象的键 。
通过将电子邮件值分配给帖子数据对象，您做错了。