Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [advAJAX]Problem z wysyłaniem formularza
Forum PHP.pl > Forum > XML, AJAX > AJAX
Mystic007
31.07.2006, 16:06:29
Mam problem z wysyłaniem formularza bez przeładowania strony. Czytałem to oraz to i nadal nie mogę sobie poradzić. Mam taki kod (na razie nie robi nic specjalnego):
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="advajax.js"></script>
  2.   <script type="text/javascript">
  3. advAJAX.assign(document.getElementById("form"), {
  4.     onSuccess : function(obj) {
  5.         alert(obj.responseText);
  6.     }
  7.     onError : function(obj) {
  8.         alert('! '+obj.responseText);
  9.     }
  10.     onFinalization : function(obj) {
  11.         alert('!! '+obj.responseText);
  12.     }
  13. });
  14.   </script>
  15.  
  16. <form method="post" action="form.php" id="form">
  17. <input type="text" name="a" value="" />
  18. <input type="submit" value="OK!" />
  19. </form>
[HTML] pobierz, plaintext

jest to wycinek z pliku form.php. Proszę o pomoc.
TomASS
31.07.2006, 17:41:38
Ale jaki masz problem?
klasa advAJAX jeśli napotka błędy w kodzie to wysyła formularz "normalnie" - ot taka fajna sprawa smile.gif
Mystic007
31.07.2006, 18:29:48
Cytat(TomASS @ 31.07.2006, 16:41 ) *
Ale jaki masz problem?

-"z wysyłaniem formularza bez przeładowania strony."
Cytat(TomASS @ 31.07.2006, 16:41 ) *
klasa advAJAX jeśli napotka błędy w kodzie to wysyła formularz "normalnie" - ot taka fajna sprawa smile.gif

-Czy możesz wskazać owe błędy w kodzie?
devnul
31.07.2006, 19:23:23 
[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="advajax.js"></script>
  2.   <script type="text/javascript">
  3. advAJAX.assign(document.getElementById("form")) {
  4.     onSuccess : function(obj) {
  5.         alert(obj.responseText);
  6.     }
  7.     onError : function(obj) {
  8.         alert('! '+obj.responseText);
  9.     }
  10.     onFinalization : function(obj) {
  11.         alert('!! '+obj.responseText);
  12.     }
  13. });
  14.   </script>
  15.  
  16. <form method="post" action="form.php" id="form">
  17. <input type="text" name="a" value="" />
  18. <input type="submit" value="OK!" />
  19. </form>
[HTML] pobierz, plaintext
a teraz?
UNK
31.07.2006, 20:23:49
Moze nie znam sie na tym wszystkiem jakos bardzo bardzo dobrze, ale moze jak cos dodam to pomoze tongue.gif

[HTML] pobierz, plaintext 
  1. <head>
  2. <script type="text/javascript" src="advajax.js"></script>
  3. </head>
  4.  
  5. <body>
  6.  
  7. <script type="text/javascript">
  8. function wyslij(id)
  9. {
  10. advAJAX.assign(document.getElementById(id)) {
  11. onSuccess : function(obj) {
  12. alert(obj.responseText);
  13. }
  14. onError : function(obj) {
  15. alert('! '+obj.responseText);
  16. }
  17. onFinalization : function(obj) {
  18. alert('!! '+obj.responseText);
  19. }
  20. });
  21. }
  22. </script>
  23.  
  24. <form onsubmit="wyslij('form');" method="post" action="form.php" id="form">
  25. <input type="text" name="a" value="" />
  26. <input type="submit" value="OK!" />
  27. </form>
  28.  
  29. </body>
[HTML] pobierz, plaintext
TomASS
31.07.2006, 21:58:49
Tak działa:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="../advajax.js"></script>
  6. <script type="text/javascript">
  7.     function a_ta_funkcja_gdzie_jest() {
  8.  
  9.         advAJAX.assign(document.getElementById("loginForm"), {
  10.             onSuccess : function(obj) {
  11.             	alert(obj.responseText);
  12.  
  13.             }
  14.         });
  15.     }
  16. </script>
  17. </head>
  18. <body onload="a_ta_funkcja_gdzie_jest()">
  19.  
  20. <form method="post" action="1.php" id="loginForm">
  21.   <input type="text" name="a" value="" />
  22.   <input type="submit" value="OK" id="submitBtn" />
  23.  
  24. </form>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext

Brakuje Ci funkcji która jest ładowana z elementem <body> oraz to, że formularzy (chyba) nie może mieć id=form
yasiek
22.08.2006, 18:34:40
Ech... to ja się teraz męczę nad inną rzeczą. Z javą script jest u mnie bardzo średnio... więc może ktoś mi pomoże. Jak zrobić, żeby teraz zamiast alertu, pojawiał się responseText, w divie, w którym był formularz?
UNK
22.08.2006, 18:56:14
musisz sie odnieść do id diva w którym był ten formularz, może że nie był w żadnym to musisz go tam wrzucić tongue.gif

[HTML] pobierz, plaintext 
  1. <div id='test'>
  2. <form ...>
  3. ...
  4. </form>
  5. </div>
[HTML] pobierz, plaintext


A w skrypcie JS musisz dodać 
[HTML] pobierz, plaintext 
  1. document.getElementById('test').innertHTML = responseText;
[HTML] pobierz, plaintext

zamiast alerta.

PS. Mam nadzieję że o to chodzi :-)
yasiek
22.08.2006, 19:21:43
Tak, o to chodziło. Ale udało mi się nawet dojść do tego samemu...tongue.gif to teraz mi jeszcze powiedz, czy mogę dodać jakiś button, albo coś w tym stylu, który resetowałby tego diva do początkowej postaci smile.gif dzięki!
UNK
22.08.2006, 19:38:20
heh, jeśli formularz też jest wsadzany do tego diva dynamicznie to nie ma problemu, jeśli jednak on jest na stronie po odświeżeniu, a potem się traci, to musisz napisać mały skrypcik w JS który by te wszystkie elementy z powrotem tam pokazał (jednak jak na mój gust łatwiej będzie znowu dynamicznie wstawić formularz).

PS. Musisz pamiętać że advAJAX nie ma możliwości wykonywania skryptu JS po ściągnięciu fragmentu strony, musisz sobie jakoś poradzić z tym :-)

PS2. Nie wykonuje skryptów w <script> ... </script>, ale w onclick='przywroc();' wykona (o ile dobrze pamiętam)
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.