如何在不重新加载页面的情况下显示弹出消息？

Question

我想在弹出表单上显示消息而不重新加载页面，但是当我点击按钮时它会重新加载页面并且没有消息显示。

我的控制器：

$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();
    return response()->json([
        'success_message' => 'password has been changed successfully',
    ], 422);
} else {
    return response()->json([
        'modal_message_danger' => 'wrong old password'
    ], 422);
}

我的阿贾克斯：

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

但它什么也没做；阿贾克斯不工作。我想显示消息。

Answer 1

要获取 jquery 对象，我认为你需要更改

var saveThis = this;

到

var saveThis = $(this);