Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [Ajax][jQuery] Dlaczego po wysłaniu dane nie znikają z formularza ?
damianooo
post
Post #1





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

Witam,

Mam taki oto formularz w TWIG:

[HTML] pobierz, plaintext 
  1. <form id="form">
  2.     <div class="coupon_form">
  3.         {% for key,match in matches %}
  4.             <input type="hidden" name="match_id[]" id="match_id" class="match_id" value="{{ match.match_id }}">
  5.             <div class="coupon_form_desc">
  6.             {{ match.description }}
  7.             </div>
  8.             <div class="coupon_form_host">
  9.                 {{ match.host }}
  10.             </div>
  11.             <div class="coupon_form_host_type">
  12.                <input type="text" name="hostType[]" id="hostType" class="hostType" maxlength='1'>
  13.             </div>
  14.             <div class="coupon_form_dash">-</div>
  15.             <div class="coupon_form_guest_type">
  16.                 <input type="text" name="guestType[]" id="guestType" class="guestType" maxlength='1'>
  17.             </div> 
  18.             <div class="coupon_form_guest">
  19.                 {{ match.guest }}
  20.             </div>
  21.             <div class="coupon_form_term">
  22.                {{ match.term }}
  23.             </div>
  24.         {% endfor %}
  25.    </div>
  26.    <input type="submit"  value="Wyślij"/>
  27. </form>
[HTML] pobierz, plaintext


oraz taki kod jQuery:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  
  3.     $(function(){
  4.        $("#form").submit(function(e){
  5.             var form=$(this);
  6.             $.ajax({
  7.                 url:"{{ path('typerka_types') }}",
  8.                 dataType:"JSON",
  9.                 type:"POST",
  10.                 data:form.serialize(),
  11.                 success:function(data){
  12.                     console.log(data);
  13.                 },
  14.                 error: function() {
  15.                     console.log("Wystąpił błąd");
  16.                 }
  17.             });
  18.             e.preventDefault();
  19.         });
  20.     }); 
  21.  
  22. </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ź.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 10)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

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

Ten post edytował trueblue 4.07.2016, 19:39:01
Go to the top of the page
+Quote Post
damianooo
post
Post #3





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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 
  1. success:function(data){
  2.    console.log(data);
  3. },
  4. error: function() {
  5.    console.log("Wystąpił błąd");
  6.    form.get(0).reset();
  7. }
[HTML] pobierz, plaintext


w firebugu ciągle po wysłaniu danych wypisuje mi "Wystąpił błąd" , dlaczego ?
Go to the top of the page
+Quote Post
trueblue
post
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Zobacz jaką odpowiedź zwraca żądanie (zakładka Chrome->F12->Network->kliknięcie na żądanie).
Go to the top of the page
+Quote Post
damianooo
post
Post #5





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

302 Found.

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

Rozumiem że powinno być 200 OK ?

Ten post edytował damianooo 4.07.2016, 20:22:24
Go to the top of the page
+Quote Post
trueblue
post
Post #6





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Niekoniecznie, być może ma być przekierowanie.
Po kliknięciu w dane żądanie wybierz podzakładkę Preview lub Response (obok Headers).
Go to the top of the page
+Quote Post
damianooo
post
Post #7





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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


Ten post edytował damianooo 4.07.2016, 20:55:00
Go to the top of the page
+Quote Post
trueblue
post
Post #8





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Chodziło mi o odpowiedź tylko tego żądania, które generuje wywołania Ajax.
Go to the top of the page
+Quote Post
damianooo
post
Post #9





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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

Go to the top of the page
+Quote Post
trueblue
post
Post #10





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----

Tzn. że jest to zła odpowiedź.
Albo sprawa .htaccess albo routingu w kodzie - żądanie POST nie jest wyłapywane.
Go to the top of the page
+Quote Post
damianooo
post
Post #11





Grupa: Zarejestrowani
Postów: 496
Pomógł: 2
Dołączył: 15.07.2011
Skąd: Katowice

Ostrzeżenie: (0%)
-----

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



Ten post edytował damianooo 4.07.2016, 21:46:53
Go to the top of the page
+Quote Post
« Następny starszy · AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 20:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn