title: code works fine on localhost, but not on hostinger host provider - 3 days searching on internet and many attempts in vain so far
body: <p>[SCREEN SHOT ERROR 500 AFTER FIXING THE PATH AT AJAX CODE]
  Not sure if there is ajax call problem or the path of resources files (jquery)</p>
  
  <p>HEADER , BASICALLY I TRIED MVC, WHERE THE INDEX PAGE CONTAIN THE PATH TO ALL PAGES, HEADER, FOOTER, CONTROLLERS, FUNCTIONS, ACTIONS, CONNECTIONS... </p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
  &lt;!-- Required meta tags --&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"&gt;
  </code></pre>
  
  <p>My Resources
      
      </p>
  
  <pre><code>&lt;!-- datetimepicker
  --&gt;
  &lt;script src="./js/jquery.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css"&gt;
  &lt;script src="https://code.jquery.com/jquery-3.5.0.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;script src="//stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" &gt;&lt;/script&gt;
  &lt;script src="./js/jquery.datetimepicker.full.min.js"&gt;&lt;/script&gt;
  
  
  &lt;!-- General CSS--&gt;
  &lt;link rel="stylesheet" href="./css/all.css"&gt;
  &lt;link rel="stylesheet" href="./css/style.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="./css/style2.css" type="text/css"&gt;
  &lt;!--&lt;link rel="stylesheet" href="./css/style.css?nocache={timestamp}" type="text/css"&gt;--&gt;
  </code></pre>
  
  <p>my javascript...
  FOOTER FILE</p>
  
  <pre><code>$("#LoginSignup").click(function() 
    {// alert ("hi5");}
   $.ajax(
  { type: "POST",
   url: "functions.php?action=LoginSignup",
   data: "useremail=" + $("#useremail").val() + "&amp;password=" + $("#password").val() + "&amp;loginActive=" + 
  $("#loginActive").val() + "&amp;firstname=" + $("#firstname").val() + "&amp;cpassword=" + 
  $("#cpassword").val() + "&amp;lastname=" + $("#lastname").val() + "&amp;phonenumber=" + 
  $("#phonenumber").val(),
       success: function(result) {//alert ("hi");
         if (result == "1") 
          {//alert ("hei");
          $("#loginAlert").html('&lt;div class="alert alert-primary"&gt;Well Done&lt;p&gt;&lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;').show(); 
          window.location.assign("http://localhost/14%20-%20Hairdresser/?page=home");
          } else
          { //alert ("hoi");
  
          }
        }
     })
    })
  </code></pre>
  
  <p>My Console errors:.. 
  I AM BEGINNER, NOT SURE HOW TO DIG DEEPER INTO THE CONSOLE ERRORS YET</p>
  
  <pre><code>                  jquery.js:6 POST https://aquenzitech.com/functions.php?action=LoginSignup 404
      send    @   jquery.js:6
      ajax    @   jquery.js:6
      (anonymous) @   ?page=login:182
      dispatch    @   jquery.js:5
      v.handle    @   jquery.js:5
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/0Jckn.png" rel="nofollow noreferrer">enter image description here</a></p>