Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [AJAX][JavaScript] Wysłanie formularza bez przeładowania strony
-kubek3898-
post
Post #1





Goście
Na początku od razu mówię, użyłem szukajki, niestety nie znalazłem to czego szukam (IMG:style_emoticons/default/wink.gif)

Mam następujący kod:

[HTML] pobierz, plaintext 
  1. <body id='body_screen' class='login_screen'>
  2. <form action='login.php' method='post'>
  3. <div id='login' class=''>
  4. <div id='login_error'>Dane użyte podczas logowania nie były poprawne</div>
  5. 	<div id='login_controls'>
  6. 		<label for='username'>Użytkownik</label>
  7. 		<input type='text' size='20' id='username' name='username' value='' class='textinput'>
  8.  
  9. 		<label for='password'>Hasło</label>
  10. 		<input type='password' size='20' id='password' name='password' value='' class='textinput'>	</div>
  11. 	<div id='login_submit'>
  12. 		<input type='submit' class='button' value="Zaloguj" />
  13. 	</div>
  14.     </div>
  15. </form>		
  16. </div>
  17. </body>
[HTML] pobierz, plaintext


I teraz jak za pomocą AJAX'a zrobić tak, że po kliknięciu "Zaloguj" strona nie przeładowuje się tylko zostaje wypisany stosowny komunikat:

[HTML] pobierz, plaintext 
  1. <div id='login_error'>Dane użyte podczas logowania nie były poprawne</div>
[HTML] pobierz, plaintext


lub 

[HTML] pobierz, plaintext 
  1. <div id='login_ok'>Zalogowano!</div>
[HTML] pobierz, plaintext



"Raczkuję" jak widać w temacie JS oraz AJAX, więc proszę o pomoc.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 561
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
Na początku od razu mówię, użyłem szukajki, niestety nie znalazłem to czego szukam
Wyjątkowo starałeś się nic nie znaleźć.... na temat ajaxa jest tyle materiału że szok....

Zainteresuj się biblioteką jQuery. Z nią AJAX to pestka. Gdy opanujesz przykłady udostępnione na stronie jQuery, wróć do problemu z logowaniem. Tym czasem naukę czas zacząć.
Go to the top of the page
+Quote Post

Posty w temacie
- kubek3898   [AJAX][JavaScript] Wysłanie formularza bez przeładowania strony   28.01.2013, 17:25:18
- - nospor   CytatNa początku od razu mówię, użyłem szukajki, n...   28.01.2013, 17:40:58
- - kubek3898   Studiuję teraz książkę "JavaScript i jQuery -...   30.01.2013, 17:56:48
- - ethann   Kod<form action='java script:logowanie...   30.01.2013, 18:16:45
- - kubek3898   Jak zmienię, ze spacją to mi adres strony wywala n...   30.01.2013, 18:24:53
- - ethann   Na pewno dołączyłeś bibliotekę JQuery? Podam Ci pr...   30.01.2013, 18:32:31
- - kubek3898   Tak na pewno jest dołączona. I nadal nic. Zrobił...   30.01.2013, 18:41:52
- - ethann   Przetestuj którykolwiek z przykladów podanych prze...   30.01.2013, 18:48:52
- - kubek3898   Dobra przeniosłem skrypt na innny hosting i o dziw...   2.02.2013, 17:29:10

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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