jQuery nie działa asynchroniczne przesyłanie formularza na includowanej stronie

0

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".

0

A jesteś przekonany, że Twój kod się odpala? ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1