Cześć, dopadł mnie kolejny problem. Mam kodzik w JQuery odpowiedzialny za przesyłanie formularza. Na normalnej stronie wszystko działa, ale gdy na "normalnej" stronie otwieram modal window (który includuje formularz), to tam już ten kod nie działa i wciskając submit button odświeża mi stronę. Jakby w ogóle event.preventDefault(); nie działało. Czemu się tak dzieje?
<div id="formAddServerResponse"></div>
<form id="formAddServer" action="" method="POST">
<input type="text" name="host" required>
<input type="text" name="name" required>
<input type="submit" name="addServer" value="Dodaj serwer">
</form>
<script>
$("#formAddServer").submit(function(event){
event.preventDefault();
jQuery.ajax({
url: '../ajax/addServer.php',
type: 'POST',
data: $('#formAddServer').serialize()
}).done(function(data){
$('#formAddServerResponse').html(data);
}).fail(function(xhr, status, error){
alert(error);
});
});
</script>
<?PHP
$is_ajax = 'XMLHttpRequest' == ($_SERVER['HTTP_X_REQUESTED_WITH']??'');
if(!$is_ajax){
die;
}
echo 'ok';
die;
I normalnie wszystko działa. dostaję odpowiedź "ok".