使用Ajax调用php脚本

Question

因此，我正在构建一个忘记密码系统，我希望忘记密码div在单击时执行遗忘的password php脚本。注意:所有文件都位于我到目前为止拥有的同一个目录:在HTML中

<div id="forgotpass" href="" onclick="fpass()">forgot your password?</div>

在我的Javascript文件中：

function fpass() {
console.log("fpass function");
    $.ajax({
       type: "POST",
       url: 'forgotpass.php',
       success: function(data){
            //data returned from php
            //console.log(data);
       }
    });
}

在php脚本中，到目前为止，我有几个echo语句要测试脚本是否实际运行。

但是，当我点击“忘记您的密码？”它运行fpass()并警告"fpass函数“，因此我知道函数可以工作。但我不认为它会执行php脚本。我对此很陌生，所以有人能给我解释一下为什么php脚本没有被执行。我需要在php脚本中放任何东西吗？谢谢!

Answer 1

如果要发送任何数据，请添加

data    : form.serialize()

在php中，您可以用

$_POST['data_name']

这是一个更好的召集您的代码。

        $.ajax({
            type    : 'POST',
            url     : 'forgotpass.php',
            data    :  form.serialize()
        }).done(function(data){
            if(data['success']){

            }else{

            }
        });
        e.preventDefault();