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, botów: 0