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'>×"
)
.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'>×"
)
.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'>×"
)
.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>