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

Odpowiedz Nowy wątek
2018-12-30 10:11
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".

edytowany 1x, ostatnio: LukiPuki, 2018-12-30 10:21
Oops. Sorki, już nieaktualne. Głąb ze mnie, na normalnej stronie zapomniałem usunąć tego kodu (przenosiłem do modal) i się dublowało. - LukiPuki 2018-12-30 14:20

Pozostało 580 znaków

2018-12-30 10:14
0

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

Tak, wszystko działa na stronie która nie jest modal window z includowaniem zawartości. Zaraz wrzucę resztę kodu. I ten sam kod w drugim przypadku nie działa. Strona się odświeża po przesłaniu formularza - LukiPuki 2018-12-30 10:18

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

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