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>

希望这会有所帮助。谢谢

在Ajax函数成功时显示消息

2 个答案: