У меня есть простой запрос ajax в моем коде, но моя консоль сообщает, что $ .ajax не является функцией.
Это простой запрос POST, который берет данные из входных данных и должен обрабатывать их ввнешний файл Php. Я видел в предыдущих вопросах, что это из-за версии Jquery. Обычно тонкие версии не включают AJAX, но в моем случае я не использую тонкую версию ... я использую несжатую. вот как выглядит моя голова index.php:
<head>
<script
src="https://code.jquery.com/jquery-1.12.4.js"
integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<meta charset="UTF-8" />
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Contactez-moi </title>
<link rel="stylesheet" href="css/styles.css">
<script src="js/script.js"></script>
</head>
Кроме того, вот мой сценарий AJAX:
$.ajax({
type: 'POST',
url: "php/contact.php",
data : postdata,
datatype : "json",
success: function(result){
if(result.isSuccess){
$("#contact-form").append("<p class='thank-you'> votre message a été bien envoyé. Merci de m'avoir contacté");
$("contact-form")[0].reset();
}else{
$("#firstname + .comments").html(result.firstnameError)
$("#name + .comments").html(result.nameError)
$("#email + .comments").html(result.emailError)
$("#phone + .comments").html(result.phoneError)
$("#message + .comments").html(result.messageError)
}
}
Я не вижу, в чем проблема? Я попытался поместить Jquery в качестве первого скрипта, который нужно загрузить перед файлом Js. Не работает. Я пробовал разные версии Jquery, 3.x, 2.x, теперь 1.x .... Все еще не работает.
Я продолжаю получать в своей консоли:
script.js:7 Uncaught TypeError: $.ajax is not a function
at HTMLFormElement.<anonymous> (script.js:7)
at HTMLFormElement.dispatch (jquery-3.3.1.slim.min.js:2)
at HTMLFormElement.v.handle (jquery-3.3.1.slim.min.js:2)