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