Forum PHP.pl > [Ajax][jQuery] Dlaczego po wysłaniu dane nie znikają z formularza ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [Ajax][jQuery] Dlaczego po wysłaniu dane nie znikają z formularza ?

damianooo

4.07.2016, 19:26:07

Witam,

Mam taki oto formularz w TWIG:

[HTML] pobierz, plaintext 
<form id="form">
    <div class="coupon_form">
        {% for key,match in matches %}
            <input type="hidden" name="match_id[]" id="match_id" class="match_id" value="{{ match.match_id }}">
            <div class="coupon_form_desc">
            {{ match.description }}
            </div>
            <div class="coupon_form_host">
                {{ match.host }}
            </div>
            <div class="coupon_form_host_type">
               <input type="text" name="hostType[]" id="hostType" class="hostType" maxlength='1'>
            </div>
            <div class="coupon_form_dash">-</div>
            <div class="coupon_form_guest_type">
                <input type="text" name="guestType[]" id="guestType" class="guestType" maxlength='1'>
            </div> 
            <div class="coupon_form_guest">
                {{ match.guest }}
            </div>
            <div class="coupon_form_term">
               {{ match.term }}
            </div>
        {% endfor %}
   </div>
   <input type="submit"  value="Wyślij"/>
</form>
[HTML] pobierz, plaintext

oraz taki kod jQuery:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
    $(function(){
       $("#form").submit(function(e){
            var form=$(this);
            $.ajax({
                url:"{{ path('typerka_types') }}",
                dataType:"JSON",
                type:"POST",
                data:form.serialize(),
                success:function(data){
                    console.log(data);
                },
                error: function() {
                    console.log("Wystąpił błąd");
                }
            });
            e.preventDefault();
        });
    }); 
 
</script>
[HTML] pobierz, plaintext

Dlaczego po kliknięciu przycisku "Wyślij" dane nie znikają z formularza ?
Czego mi tutaj brakuję ? Będę wdzięczny za podpowiedź.

trueblue

4.07.2016, 19:38:48

http://www.w3schools.com/jsref/met_form_reset.asp

damianooo

4.07.2016, 20:03:19

ok...
ale mam jeszcze jedną rzecz ...

Dlaczego po wysłaniu danych do bazy nie wykonuje się ta część kodu po "success" tylko ta po "error" ?

tutaj:

[HTML] pobierz, plaintext 
success:function(data){
   console.log(data);
},
error: function() {
   console.log("Wystąpił błąd");
   form.get(0).reset();
}
[HTML] pobierz, plaintext

w firebugu ciągle po wysłaniu danych wypisuje mi "Wystąpił błąd" , dlaczego ?

trueblue

4.07.2016, 20:09:01

Zobacz jaką odpowiedź zwraca żądanie (zakładka Chrome->F12->Network->kliknięcie na żądanie).

damianooo

4.07.2016, 20:21:36

302 Found.

A więc chyba powinno być ok a nie jest

Rozumiem że powinno być 200 OK ?

trueblue

4.07.2016, 20:28:52

Niekoniecznie, być może ma być przekierowanie.
Po kliknięciu w dane żądanie wybierz podzakładkę Preview lub Response (obok Headers).

damianooo

4.07.2016, 20:36:03

wybrałem "Response" i mam tutaj całą treść strony - dosyć przydługawą więc tego nie wkleję tutaj

trueblue

4.07.2016, 20:47:20

Chodziło mi o odpowiedź tylko tego żądania, które generuje wywołania Ajax.

damianooo

4.07.2016, 20:54:26

hmm ... patrzę w Firefox w na zakładce Net klikając w wybranego requesta (POSTa) i na podzakładce (obok Headers i Post) Response i mam tak (wkleiłem tylko początek) :

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html class="no-js">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Strona Główna | Typerka</title>
        <link rel="icon" type="image/png" href="/favicon.png">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <link href="/bundles/mytyperka/css/styles.css" rel="stylesheet">
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
 
    </head>
    <body class='opl' link="gray" vlink="gray" alink="gray">        
 
        <div id="content_01">
 ....
[HTML] pobierz, plaintext

trueblue

4.07.2016, 21:15:48

Tzn. że jest to zła odpowiedź.
Albo sprawa .htaccess albo routingu w kodzie - żądanie POST nie jest wyłapywane.

damianooo

6.07.2016, 13:03:25

Rozumiem że odpowiedź powinna pokazywać obiekt JSON i mieć podzakładkę JSON a ja tego niestety nie mam.

A więc moje dane nie idą JSONem ?

Ja to mam napisane w PHP Symfony 2.6

W logach aplikacji błędów nie znalazłem
a w Profilerze w zakładce Routing mam:
typerka_types /types Route matches!

ok poradziłem sobie z tym ...
źle tego używałem faktycznie

W moim frameworku Symfony w kontrolerze nie miałem odpowiedzi JSON.
Musiałem użyć klasy jsonResponse - na forum od frameworków chłopaki podowiedzieli.

Teraz w firebugu mam normalnie zwrotkę 200 OK , zakładka Response nie pokazuje już treści strony a odowiedź w JSON , widać również w końcu zakładkę JSON, której wcześniej nie było widać.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.