jquery работает на локальном хосте, но не на сервере

Question

JQuery

$(function() {
 $(
 "#contactForm input,#contactForm textarea,#contactForm button"
 ).jqBootstrapValidation({
 preventSubmit: true,
 submitError: function($form, event, errors) {
  // additional error messages or events
 },
 submitSuccess: function($form, event) {
  event.preventDefault(); // prevent default submit behaviour

  var cnumber = $("input#cnumber").val();
  var cname = $("input#cname").val();
  var cemail = $("input#cemail").val();
  var cmessage = $("textarea#cmessage").val();

    $this = $("#sendMessageButton");
    $this.prop("disabled", true);
    $.ajax({
      url: "/xcrawl/mail/contact.php",
      type: "POST",
      data: {
        myname: cname,
        mynumber: cnumber,
        myemail: cemail,
        mymessage: cmessage,
      },
      cache: false,
      success: function(response) {
         // document.write(response);
               alert("Please" + response.substring(0, 1));
        if (response.substring(0, 1) == 1) {
          $("#csuccess").html("<div class='alert alert-success'>");
          $("#csuccess > .alert-success")
            .html(
              "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
            )
            .append("</button>");
          $("#csuccess > .alert-success").append(
            "<strong>Thank You for Contacting Us.<br>You will get back to you within 24 Hours<strong>"
          );
          $("#csuccess > .alert-success").append("</div>");
          //clear all fields
          $("#contactForm").trigger("reset");
        } else {
          $("#csuccess").html("<div class='alert alert-success'>");
          $("#csuccess > .alert-success")
            .html(
              "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
            )
            .append("</button>");
          $("#csuccess > .alert-success").append(
            "<strong>Something went wrong.<br>Please try again later<strong>"
          );
          $("#csuccess > .alert-success").append("</div>");
          //clear all fields
          $("#contactForm").trigger("reset");
        }
      },
      error: function() {

        // Fail message
        $("#success").html("<div class='alert alert-danger'>");
        $("#success > .alert-danger")
          .html(
            "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;"
          )
          .append("</button>");
        $("#success > .alert-danger").append(
          $("<strong>").text(
            "Sorry " +
            firstName +
            ", something went wrong. Please try again later!"
          )
        );
        $("#success > .alert-danger").append("</div>");
        //clear all fields
        $("#contactForm").trigger("reset");
      },
      complete: function() {
        setTimeout(function() {
          $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
        }, 1000);
      },
    });


},
filter: function() {
  return $(this).is(":visible");
},
});

  $('a[data-toggle="tab"]').click(function(e) {
   e.preventDefault();
   $(this).tab("show");
  });
});

/*When clicking on Full hide fail/success boxes */
$("#name").focus(function() {
$("#success").html("");
});

PHP Файл

<?php

$host = "SOME_HOST";
$username = "SOME_NAME";
$password = "SOME_PASSWORD";
$connection = mysqli_connect($host, $username, $password);

$name = strip_tags(htmlspecialchars($_POST['myname']));
$email_address = strip_tags(htmlspecialchars($_POST['myemail']));
$number = strip_tags(htmlspecialchars($_POST['mynumber']));
$message = strip_tags(htmlspecialchars($_POST['mymessage']));


if(!$connection)
 die("Error : " . mysqli_error());

$DBQuery = "USE MY_DB";
mysqli_query($connection, $DBQuery);

$Query = "MY_QUERY";

if(mysqli_query($connection, $Query))
 echo json_encode (1);
else
 echo json_encode (2);

mysqli_close($connection);

?>

Это отлично работает на моем локальном хосте, и раньше отлично работало и на моем сервере 3 дня go . Я купил SSL и сделал свой сайт https. Я уверен, что это причина, потому что не может быть другой причины, по которой он будет работать на localhost, а не на сервере. Но я не использую никаких http-ссылок. Так почему он не работает на моем сервере? Код ответа должен быть 1 или 2 в соответствии с моим кодом php, но в качестве ответа я получаю весь файл php. Пожалуйста, помогите мне

EDIT Index. html

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
 <!-- Third party plugin JS-->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
 <!-- Contact form JS-->
 <script src="xcrawl/mail/jqBootstrapValidation.js"></script>
 <script src="xcrawl/mail/contact_me.js"></script>
 <!-- Core theme JS-->
 <script src="xcrawl/js/scripts.js"></script>