使用Ajax调用php脚本

Question

因此，我正在构建一个忘记密码系统，并且我希望“忘记密码” div在单击该密码时执行忘记密码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();