Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]Przesyłanie danych formularza bez odświerzania
-[oooo]-
post 7.02.2012, 16:01:56
Post #1





Goście







Witam.

Jakim sposobem mogę wyciągnąć dane z formularza aby nie przeładowała sie strona. Zależy mi na rozwiązaniu w jquery ponieważ reszta jest napisana w tym framworku a nie chciałbym mieszać.

Mam taki mały ubutek w pamięci a potrzebne mi to jest. Taki testowy przykład, działa lecz odświerza.
  1. <form action="" method="post">
  2. <input type="text" name="pole" id="pole">
  3. <button onclick="test()">Testuj</button>
  4. </form>
  5. <div id="div"> </div>
  6. function test(){
  7. $("div").html($("#pole").val());
  8. }
Go to the top of the page
+Quote Post
wookieb
post 7.02.2012, 16:11:23
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




[JAVASCRIPT] pobierz, plaintext
  1. $('form').bind('submit', function(e) {
  2. e.preventDefault(); // blokada wysłania forma
  3. // obsluga formularza
  4. });
[JAVASCRIPT] pobierz, plaintext


--------------------
Go to the top of the page
+Quote Post
-[oooo]-
post 7.02.2012, 16:31:12
Post #3





Goście







Działa bez problemu.

Mam problem teraz z przesłaniem tych danych do pliku php za pomocą ajaxa

  1. <form id="form" method="post">
  2. <input type="text" name="pole1" id="pole1">
  3. <input type="text" name="pole2" id="pole2">
  4. <input type="submit" name="submit" id="sub">
  5. </form>
  6. <div id="div"> </div>
  7. $('#form').bind('submit', function(e) {
  8. e.preventDefault();
  9. var pole1 = $("#pole1").val();
  10. var pole2 = $("#pole2").val();
  11. $.ajax({
  12. url : 'ajax.php',
  13. data: 'n='pole1'&k='pole2',
  14. type: 'POST',
  15. success: function(data) {
  16. $("div").html(data);
  17. }
  18. });
  19. });
Go to the top of the page
+Quote Post
strife
post 7.02.2012, 16:38:11
Post #4





Grupa: Przyjaciele php.pl
Postów: 2 605
Pomógł: 96
Dołączył: 22.10.2004
Skąd: UK

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


Na pierwszy rzut oka to masz błąd w linijce 14, jeśli już powinno być:

Kod
data: 'n=pole1&k=pole2',


Za dużo ciapków.

Porada na przyszłość, korzystaj z firebug'a do diagnostyki.


--------------------
Go to the top of the page
+Quote Post
-[oooo]-
post 7.02.2012, 18:36:50
Post #5





Goście







Teraz mi przekazuje jako n = pole1 i k = pole2. Jako tekst a nie z zmiennych w których są dane z formularzy.
Go to the top of the page
+Quote Post
wookieb
post 7.02.2012, 18:48:22
Post #6





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




[JAVASCRIPT] pobierz, plaintext
  1. data: $(this).serialize()
[JAVASCRIPT] pobierz, plaintext


--------------------
Go to the top of the page
+Quote Post
-[oooo]-
post 7.02.2012, 19:11:28
Post #7





Goście







Nie za bardzo wiem jak to mam wykorzystać od dziś zacząłem przygodę z ajax jquery.

[JAVASCRIPT] pobierz, plaintext
  1. data: 'n='$("#polee1").serialize()'&k='$("#pole2").serialize()'',
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
wookieb
post 7.02.2012, 19:20:56
Post #8





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Zajrzyj w konsolę błędów bo masz błąd składni.
Przecież podałem Ci gotowy działający skrawek jaki masz wstawić w kod (ten sam fragment pokazujesz)


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 13:30