diff --git a/application/views/pages/login.php b/application/views/pages/login.php
index 7f60e10d..b5767f4c 100644
--- a/application/views/pages/login.php
+++ b/application/views/pages/login.php
@@ -50,7 +50,7 @@
 
 <script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/fontawesome.min.js') ?>"></script>
 <script src="<?= asset_url('assets/vendor/@fortawesome-fontawesome-free/solid.min.js') ?>"></script>
-<script src="<?= asset_url('assets/js/utils/general_functions.js') ?>"></script>
+<script src="<?= asset_url('assets/js/http/login_http_client.js') ?>"></script>
 <script src="<?= asset_url('assets/js/pages/login.js') ?>"></script>
 
 <?php section('scripts') ?>
diff --git a/assets/js/pages/login.js b/assets/js/pages/login.js
index c26cff97..a50ae713 100644
--- a/assets/js/pages/login.js
+++ b/assets/js/pages/login.js
@@ -23,24 +23,20 @@ App.Pages.Login = (function () {
      * Login Button "Click"
      *
      * Make an ajax call to the server and check whether the user's credentials are right.
+     *
      * If yes then redirect him to his desired page, otherwise display a message.
      */
     function onLoginFormSubmit(event) {
         event.preventDefault();
 
-        const url = App.Vars.baseUrl + '/index.php/login/validate';
-
-        const data = {
-            csrf_token: App.Vars.csrf_token,
-            username: $username.val(),
-            password: $password.val()
-        };
+        const username = $username.val();
+        const password = $password.val();
 
         const $alert = $('.alert');
 
         $alert.addClass('d-none');
 
-        $.post(url, data).done((response) => {
+        App.Http.Login.validate(username, password).done((response) => {
             if (response.success) {
                 window.location.href = App.Vars.dest_url;
             } else {