Question

我正在关注允许某人重置密码的链接，但是，到目前为止我所做的一切都不起作用，我无法弄清楚为什么我会密切关注本教程。到目前为止我使用的是javascript和html，但是控制台中没有错误，所以我不确定是什么问题。

HTML

<div class="container-forgotPassword">
    <div class ="row justify-content-center"> 
        <div class="row justify-content-center"> 
            <div class="col-md-6 col-md-offset-3" align="center"> 
             <img id="logologin" src="../img/logo1.png" alt="logo"/>
                <input class="formPassword" id="email" placeholder="Please enter your Email Address"> 
                <input type="button" class="btn-forgotPassword" value="Reset Password"> 
            </div>
        </div>
    </div>
</div><!-- /container -->

jQuery

var email = $("#email");
$(document).ready(function () {
$('.btn-forgotPassword').on('click', function () {
    if (email.val() != "") {
        email.css('border', '1px solid green');

        $.ajax({ 
            url: 'php/forgotPassword.php',
            method: 'POST',
            dataType: 'text',
            data: { 
                email: email.val()
            }, success: function (response) { 
                    console.log(response);
            }
        });
    } else 
        email.css('border', '1px solid red');
});
});

在目前的教程中，他已将输入框变为绿色/红色，当他将文本输入到输入字段中，然后单击该按钮时，它将在控制台日志中创建响应。但正如我说我的无所作为，有谁知道如何解决这个问题？不确定我做错了什么

Answer 1

您需要在ajax中进行error回调才能向您显示错误
你错过了写作。 jquery ajax中没有名为method的参数。这应该是type

$.ajax({ 
    url: 'php/forgotPassword.php',
    type: 'POST', //not method
    dataType: 'text',
    data: { 
        email: email.val()
    }, success: function (response) { 
            console.log('success');
            console.log(response);
    }, error: function(response){
        console.log('error');
        console.log(response); //get all error response
        console.log(response.responseText);//get error responseText
    }
});

使用click事件在控制台日志中显示响应

1 个答案: