PHP 没有向 AJAX 返回数据

Question

我正在测试一个通过 Ajax 将数据提交到 PHP 处理文件的登录表单。单击提交按钮后，它只会将我重定向到 PHP 文件，而不是从 PHP 返回数据。该表单位于引导模式中。我只是 jquery 和 ajax 的新手，所以我希望有人能提供帮助。谢谢HTML<form action="login-process.php" id="test-form" method="post">                    <div class="form-group">                    <input type="hidden" name="login-form">                        <input type="email" class="form-control form-control-lg" name="login-email" id="loginEmail" placeholder="Email address" required>                    </div>                    <div class="form-group">                        <input type="password" class="form-control form-control-lg" name="login-pass" id="loginPassword" placeholder="Password" required>                    </div>                    <button type="submit" class="btn btn-lg btn-block btn-primary mb-4">Sign in</button>                </form>JQuery 脚本放在 jquery.js cdn 之后的站点页脚处$(document).ready(function(){    // Process form    $('#test-form').submit(function(event){        // get form data        var formData = {            'email' :           $('input[name=login-email]').val(),            'password' :        $('input[name=login-pass]').val();        };        // process the form        $.ajax({            type        : 'POST', // define the HTTP method we want to use            url         : 'process.php', // url to send data            data        : formData, // data object            dataType    : 'json', // what type of data to expect back from server            encode      : true        })        // using done promise call back        .done(function(data){            // log data to console            console.log(data);            if (data.email-msg) {                alert("success");            }        });        // stop the form from submitting and refresing the page        event.preventDefault();    });});

Answer 1

您在 javascript 代码中有语法错误。

更改您的代码

var formData = {

            'email' :           $('input[name=login-email]').val(),

            'password' :        $('input[name=login-pass]').val();

        };

到

var formData = {

            'email' :           $('input[name=login-email]').val(),

            'password' :        $('input[name=login-pass]').val()

        };

它会解决问题

Answer 2

试试这个兄弟

$(document).ready(function(){

  $('#test-form').on('submit', function(event){

    event.preventDefault();

    $.ajax({

      url:"action="login-process.php" ",

      method:"POST",

      data:$(this).serialize(),

      success:function(data){

        console.log("data send");     

      }

    })

  });

});

<form id="test-form" method="post">

                    <div class="form-group">

                    <input type="hidden" name="login-form">

                        <input type="email" class="form-control form-control-lg" name="login-email" id="loginEmail" placeholder="Email address" required>

                    </div>

                    <div class="form-group">

                        <input type="password" class="form-control form-control-lg" name="login-pass" id="loginPassword" placeholder="Password" required>

                    </div>

                    <button type="submit" class="btn btn-lg btn-block btn-primary mb-4">Sign in</button>

                </form>