javascript - Ajax 函数成功时显示消息

Question

我想在Ajax功能成功时显示一条消息，但对我来说是新手，Ajax我正在苦苦挣扎

function save_pos_reasons()
  {
    $.ajax({
    type: "POST",
    url: "save_pos_reasons.php",
    data: $('#add_positioning').serialize(),
    success: function() {
       $("#successMessage").show();
        }
    });
 }


<div id="successMessage"> It worked </div>

目前，尽管实际功能正在运行，但它什么也没做

Answer 1

消息 div 需要默认隐藏，否则.show()如果它已经可见则不会做任何事情。

CSS：

#successMessage {
    display:none;
}

或内联：

<div id="successMessage" style="display:none;"> It worked </div>

Answer 2

试试这个简单的代码。只有当 ajax 工作时，才会显示消息

$.ajax({
        type: "POST",
        url: "save_pos_reasons.php",
        data: $('#add_positioning').serialize(),
        success: function() {
           $("#successMessage").html("It worked");
            }
        });

html

<div id="successMessage"> </div>

希望这可以帮助。谢谢