Добрый день, имеется форма ввода на HTML. Сделал отправку данных с помощью AJAX. Отдельно от сайта - на отдельной странице все работает прекрасно. При выводе alert выводится переменная result в виде массива с данными. При добавлении на сайт и отправке формы выводится пустое окно. Даже если текст просто в alert прописать он не отображается.
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-widht initial-scale=1.0">
<meta name="title" content="Изготовление сайта визитки на заказ">
<meta name="description" content="Изготовим сайт-визитку по вашему шаблону">
<meta name="keywords" content="Сайт, визитка, на заказ">
<head>
<link rel="stylesheet"
href="css/style.css">
<script type="text/javascript" src="./js/jquery.js"></script>
<script
type="text/javascript" src="./js/form.js">
</script>
<title>Изготовление сайта визитки на заказ</title>
</head>
<body>
<?php include ("include/navigation.php"); ?>
<div class="content">
<div id="head" class="header">
<img class="h" src="images/hed.png"/>
</div>
</div>
<form action="form1.php" method="POST">
<label>Имя:<br>
<input type="text" name="login"></label>
<br>
<label>Пароль:<br>
<input type="password" name="password" autocomplete="on"></label>
<br>
<input type="submit" value="Отправить">
</form>
$(document).ready(function() {
$('form').submit(function(event ) {
event.preventDefault();
$.ajax({
type: $(this).attr('method'),
url: $(this).attr('action'),
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
success: function(result){
alert(result);
},
});
});
});
При добавлении на сайт не отправляет данные с формы.
Ниже эта же форма, но отдельно от сайта, и она работает.
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./js/jquery.js"></script>
<script
type="text/javascript" src="./js/form.js">
</script>
<title>Отправка формы с помощью AJAX</title>
<head>
<body>
<form action="form1.php" method="POST">
<label>Имя:<br>
<input type="text" name="login"></label>
<br>
<label>Пароль:<br>
<input type="password" name="password" autocomplete="on"></label>
<br>
<input type="submit" value="Отправить">
</form>
</form>
<h1>Форма отправки 1</h1>
<form action="form2.php" method="POST" enctype="multipart/form-data">
<label>Файл:
<br>
<input type="file" name="login"></label>
<br>
<input type="submit" value="Отправить">
</body>
$(document).ready(function() {
$('form').submit(function(event ) {
event.preventDefault();
$.ajax({
type: $(this).attr('method'),
url: $(this).attr('action'),
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
success: function(result){
alert(result);
},
});
});
});
файл FORM1.php пустой без обработчика, для проверки отправки
