使用Ajax调用php脚本

时间:2015-04-30 21:28:37

标签: javascript php jquery ajax

所以我建立了一个忘记密码系统,我希望Forgot Password div在点击时执行forgetpassword 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语句来测试脚本是否真正运行。

然而,当我点击&#34;忘记密码?&#34;它运行fpass()和警报&#34; fpass功能&#34;所以我知道这个功能有效。但我不认为它执行PHP脚本。我是新手,所以任何人都可以向我解释为什么php脚本没有被执行。我需要在php脚本中放置任何内容吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

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

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();