Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jquery] przesłanie danych z formularza
prz3kus
post
Post #1





Grupa: Zarejestrowani
Postów: 260
Pomógł: 30
Dołączył: 22.01.2007

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

Witam to moje początki z Ajaxem więc nie bijcie po grzbiecie od razu (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

Problem polega na tym że nie mam pojęcia jak dale z zwykłego formularza, mam przesłać do tej funkcji ajaxowej
[PHP] pobierz, plaintext 
  1. <script type="text/javascript" src="jquery.js"></script>
  2.  
  3. <style type="text/css">
  4. #wyswietl{
  5.           border: 1px solid;
  6.           width: 600px;
  7.           height: 300px;
  8.           }
  9. </style>
  10.  
  11. <script>
  12. function klik(){
  13. var nick = '<?php echo $nick; ?>';
  14. var wiadomosc = '<?php echo $wiadomosc; ?>';
  15. $.get("czatDodaj.php", {id_nick: nick, id_wiadomosc: wiadomosc});
  16.  
  17. window.setInterval(function(){$("#wyswietl").load("czatDodaj.php");},2000);
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <div id="wyswietl"></div>
  23. <form method="get">
  24. Nick:<input type="text" name="nick" style="width:110px;"> 
  25. Wiadomosc:<input type="text" name="wiadomosc" style="width:250px;"> 
  26. <input type="submit"  onfocus="klik();return false;" value="Wyslij">
  27. </form>
[PHP] pobierz, plaintext


No i tutaj miało to trafiac robiąc małego shoutboxa ;]
[PHP] pobierz, plaintext 
  1. <?php
  2. $nick = $_GET['nick'];
  3. $wiadomosc = $_GET['wiadomosc'];
  4.  
  5.     $link = mysql_connect('127.0.0.1', 'root', 'haselko')
  6.         or die('Nie można się połączyć: ' . mysql_error());
  7.     mysql_select_db('czat_beta') or die ('Nie mozna wybrać bazy danych');
  8.     $polskieZnaki=mysql_query("SET NAMES latin2");
  9.     
  10. if($wiadomosc!=''){
  11. $query=@mysql_query("INSERT INTO wiadomosci SET id='', nick='".$nick."', wiadomosci='".$wiadomosc."'");
  12. }
  13.  
  14. $query5 = "SELECT wiadomosciFROM wiadomosci LIMIT 10";
  15. ?>
[PHP] pobierz, plaintext


Może jakaś podpowiedz co mam wpisać w formularzu aby te dane wysłać do tej funkcji przesyłającej dane.

Ten post edytował prz3kus 16.01.2009, 09:53:13
Go to the top of the page
+Quote Post
decha-design
post
Post #2





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

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

1. ja preferuję metodę POST
2. zapoznaj się z funkcją javascriptu document.getElementById()
a. zastąp nią <?php echo $nick; ?>
b. nie da rady połączyc w taki sposob jak ty to zrobilem javascriptu i php ... od tego jest wlasnie ajax
3. zadarzenie onfocus? why? wiesz, że istnieje onsubmit? idealne do tego (IMG:http://forum.php.pl/style_emoticons/default/haha.gif) 

[HTML] pobierz, plaintext 
  1. var nick = document.getElementById('nick');
  2.  
  3. <input type="text" name="nick" id="nick" style="width:110px;">
[HTML] pobierz, plaintext
lub cos takiego
Go to the top of the page
+Quote Post
prz3kus
post
Post #3





Grupa: Zarejestrowani
Postów: 260
Pomógł: 30
Dołączył: 22.01.2007

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

Dzięki ide po próbować jak coś bedę pytał dalej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Funkcja:
[HTML] pobierz, plaintext 
  1. function klik(){
  2. var nick = document.getElementById('nick');
  3. var wiadomosc = document.getElementById('wiadomosc');
  4. $.get("czatDodaj.php", {id_nick: nick, id_wiadomosc: wiadomosc});
  5. }
[HTML] pobierz, plaintext


Formularz"
[HTML] pobierz, plaintext 
  1. <form  onsubmit="klik();return false;" method="GET">
  2. Nick:<input type="text" name="nick" id="nick" onfocus="if (this.value=='nick')this.value='';" value="nick" maxlength="20" style="width:110px;"> 
  3. Wiadomosc:<input type="text" name="wiadomosc" id="wiadomosc" onfocus="if (this.value=='wiadomość')this.value='';" value="wiadomość" maxlength="255" style="width:250px;"> 
  4. <input type="submit" value="Wyslij">
  5. </form>
[HTML] pobierz, plaintext


Mam nadzieje ze już troszkę lepiej ale nadal funkcja się nie wywołuje (IMG:http://forum.php.pl/style_emoticons/default/sad.gif) albo nic nie wykonuje
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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

[HTML] pobierz, plaintext 
  1. <form  onsubmit="return klik();" method="GET">
  2. Nick:<input type="text" name="nick" id="nick" onfocus="if (this.value=='nick')this.value='';" value="nick" maxlength="20" style="width:110px;">
  3. Wiadomosc:<input type="text" name="wiadomosc" id="wiadomosc" onfocus="if (this.value=='wiadomość')this.value='';" value="wiadomość" maxlength="255" style="width:250px;">
  4. <input type="submit" value="Wyslij">
  5. </form>
[HTML] pobierz, plaintext

chyba powinno być tak
a czy funkcja się wykonuje (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) zobacz
Kod
function klik(){
alert( 'start' );
var nick = document.getElementById('nick');
var wiadomosc = document.getElementById('wiadomosc');
$.get("czatDodaj.php", {id_nick: nick, id_wiadomosc: wiadomosc});
alert( 'stop' );
}

i będziesz wiedział do jakiego momentu funkcja "dochodzi".
a i czy przypadkiem po $.get nie powinno być jakiegoś response (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ?
Go to the top of the page
+Quote Post
prz3kus
post
Post #5





Grupa: Zarejestrowani
Postów: 260
Pomógł: 30
Dołączył: 22.01.2007

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

Wszytko było ok tylko zmienne traktowało mi jako objekt a nie zmienna wystarczyło zmienic pobieranie zmiennych w funkcji na coś takiego:
[HTML] pobierz, plaintext 
  1. function klik(){
  2. var nick = document.getElementById('nick').value;
  3. var wiadomosc = document.getElementById('wiadomosc').value;
  4. $.get("czatDodaj.php", {id_nick: nick, id_wiadomosc: wiadomosc});
  5. }
[HTML] pobierz, plaintext


No i mam swojego mini czata (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

decha-design zasłużyłeś na punkcika bo oliśniłeś mnie troszke z JS (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dziękuje za pomoc i pozdrawiam
Go to the top of the page
+Quote Post
decha-design
post
Post #6





Grupa: Zarejestrowani
Postów: 415
Pomógł: 46
Dołączył: 26.05.2007
Skąd: Sandomierz

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

Cieszę się, że mogłem pomóc, ale ...

Jak już używać jQuery <3 to do wszystkiego ...

[HTML] pobierz, plaintext 
  1. var nick = document.getElementById('nick').value;
[HTML] pobierz, plaintext
na

[HTML] pobierz, plaintext 
  1. var nick = $("input[name=nick]").val();
[HTML] pobierz, plaintext
tutaj możesz zrezygnować z atrybutu itd=""

lub 
[HTML] pobierz, plaintext 
  1. var nick = $("input#nick").val();
[HTML] pobierz, plaintext
...
Go to the top of the page
+Quote Post
« Następny starszy · XML, 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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