javascript - 删除成功后显示消息

Question

我想在成功删除记录后显示一条消息。我尝试了一切但没有成功。

我有一个外部 js 文件，我从中调用一个 PHP 文件来删除记录。

JS 文件:-

        // Delete records
    function DeleteGoal(ids) {
        $.post("ajax/deletegoal.php", {
                userid: ids.user_id,
                goalid: ids.goal_id
            },
            function (data, status) {
                // reload goals 
                ShowGoals();
            }
        );
        var jsuccess = $("#myPhpValue").val();
        console.log(jsuccess);
}

PHP 文件:-

<?php
if(isset($_POST['userid']) && isset($_POST['goalid']))
    {
        // include Database connection file 
        require('../../login_system/db.php');

        $userid = $_POST['userid'];
        $goal_id = $_POST['goalid'];

       // $query = "DELETE from goals where user_id = '$userid' AND goal_id='$goal_id'";

      //  if (!$result = $mysqli->query($query)) {
           // exit(mysqli_error($mysqli));
   //     }

        $success = "true";
        echo '<form><input type="hidden" id="myPhpValue" value="'.$success.'"/></form>';

        mysqli_close($mysqli);
    }  
?>

我尝试用多种方法将 $success 变量发送回 js 文件，但没有任何效果。似乎任何输出命令(echo、alert、console.log)都没有显示任何内容，我不知道为什么。

如果有任何帮助，我将不胜感激!

Answer 1

您可以简单地使用 echo 返回并直接显示响应:

a.php:

<?php
    if(isset($_POST['userid']) && isset($_POST['goalid']))
    {
        ...
        echo true;
    }  
?>

A.js:

function DeleteGoal(ids) {
    $.post("ajax/deletegoal.php", {
            userid: ids.user_id,
            goalid: ids.goal_id
        },
        function (response) {
            if( response ){
                // reload goals 
                ShowGoals();
                console.log("Success message");
            }
        }
    );
}

您可以返回 json 格式，这使您能够返回多个信息，例如:

A.js:

function DeleteGoal(ids) {
    $.post("ajax/deletegoal.php", {
            userid: ids.user_id,
            goalid: ids.goal_id
        },
        function (data) {
            var response = $.parseJSON(data);

            if( response.success ){
               // reload goals 
                ShowGoals();

                console.log(response.message);
            }
        }
    );
}

a.php:

<?php
    if(isset($_POST['userid']) && isset($_POST['goalid']))
    {
        echo jdon_encode(['success'=>true,"message"=>"Deleted Successfully"]);
    }  
?>