如何显示弹出消息而不是弹出窗口中的警报框？

Question

我的代码在弹出窗口中显示一个警报框，但我想在弹出窗口中显示提示消息：

我的Ajax：

character = Character(name, foo, bar

我的控制器：

$('#password_change_form').submit(function(e) {
    e.preventDefault();
    var saveThis = this;
    $.ajax({
        type: "POST",
        url: "/changepassword",
        data: $(saveThis).serialize(),
        success: function(data) {
            $('#password_change_form')[0].reset();
            alert(data);
        },
    });
}),

在这里我要以弹出形式显示成功消息：

$current_password = $user->password;

if(md5($request_data['password']) == $current_password) {
    $user_id = $user->id;
    $obj_user = User::find($user_id);
    $obj_user->password = md5($request_data['new_password']);
    $obj_user->save();
    $success_output = '<div class="alert alert-success">Password changed</div>';
} else {
    $errors_output = '<div class="alert alert-danger">Wrong old password</div>';
    $error = array(
                'error'   =>  $errors_output
            );
    echo json_encode($error);
}

$success = array(
    'success'   =>  $success_output
);
echo json_encode($success);

我想显示一条成功消息，但是当前我的弹出窗口中有警报。警报屏幕截图：

Answer 1

请更改为此js代码。

$(document).ready(function() {
    $('#form').submit(function(e) {
        e.preventDefault();
        var saveThis = $(this);
        $.ajax({
            type: "POST",
            url: "./index.php",
            data: $(saveThis).serialize(),
            success: function(data) {
                var obj = $.parseJSON(data);
                // I don't know where you want to show messages.
                // In this case, outputting to id="form_output" element.
                $('#form_output').html(obj.success);
            }
        });
    });
});