Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [MySQL][JQuery] Zapytanie do bazy danych, [MySQL][JQuery] Zapytanie do bazy danych
Konop857
post 2.02.2012, 20:53:02
Post #1





Grupa: Zarejestrowani
Postów: 81
Pomógł: 2
Dołączył: 4.05.2011

Ostrzeżenie: (10%)
X----

Witam

Chciałbym się nauczyć JQuery, mógłby mi ktoś powiedzieć jak z poziomu zwykłego formularza wykonać zapytanie do bazy danych?

[HTML] pobierz, plaintext 
  1. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2.  
  3. <script type="text/javascript">
  4. $(function() {
  5. $(document).ajaxError(function() {
  6. alert('Nie można wysłać danych lub błąd serwera!'); 
  7. });
  8. $('.form').submit(function() { 
  9. var $this = $(this);
  10. $('.error, .info').remove();
  11. if ($this.find('input[name=imie]').val() && $this.find('input[name=nazwisko]').val()) {
  12. $('<p class="info">Nazywasz się ' + $this.find('input[name=imie]').val() + ' ' + $this.find('input[name=nazwisko]').val() + '!</p>')
  13. .css('color', 'green') 
  14. .insertAfter($this);
  15. $this.find('input[name=imie], input[name=nazwisko]').val('');
  16. } else {
  17. $('<p class="error">Wypełnij wszystkie pola!</p>') 
  18. .css('color', 'red') 
  19. .insertAfter($this);
  20. }
  21. return false;
  22. });
  23. });
  24.  </script> 
  25. <form action='' method='post' class='form'>
  26. Imie :</br>
  27. <input name='imie' type='text'/></br>
  28. Nazwisko :</br>
  29. <input name='nazwisko' type='text'/></br>
  30. <input type='submit' value='Wyślij'/>
  31. </form>
[HTML] pobierz, plaintext


Jak widać, po wypełnieniu formularza pojawi się napis ,,nazywasz się xx!".
A jakby zrobić żeby zamiast napisu wykonywało się zapytanie do bazy danych (bez odświeżania strony) ?

Pozdrawiam
Go to the top of the page
+Quote Post
untorched
post 2.02.2012, 22:34:10
Post #2





Grupa: Zarejestrowani
Postów: 318
Pomógł: 76
Dołączył: 27.12.2011
Skąd: Dąbrowa Górnicza

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

Stwórz plik PHP łączący się z bazą MySQL i wysyłający do niej zapytanie, którego zwrot zostanie wyświetlony w postaci plain text lub jSON. Następnie przerób skrypt JS tak, aby wykonywał ten plik z odpowiednimi parametrami i odpowiednio interpretował jego zwrot, tym samym zmieniając te dane w kodzie HTML.
Go to the top of the page
+Quote Post
pablo_83
post 3.02.2012, 00:26:24
Post #3





Grupa: Zarejestrowani
Postów: 200
Pomógł: 16
Dołączył: 11.01.2009
Skąd: wrocław

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

nipotrzebnie katujesz się szukając danych inputów przez find,
nadaj im klasy unikatowe dla pola
np:
[HTML] pobierz, plaintext 
  1. <input type="text" class="imie" name="imie"/>
[HTML] pobierz, plaintext


aby pobrac wartosc z tego pola wystarczy:
[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
  2.      var imie =  $('.imie').val() // po kropce odwołujesz się dow klasy po # do id
  3.  
  4.      //do wyslania tego co zostalo wpisane w formularz potrzebujesz ajaxa, jesli chcesz zrobic to bez przeladowania np w tej postaci (chociaz jquery oferuje skróconą polecam tą, skrócona lubi nie działać w IE)
  5.      $.ajax({
  6.                 type: 'POST', //tutaj albo post albo get
  7.                 url: "twój adres pliku php",
  8.                 data: ({
  9.                    imie: imie // co przesylasz i pod jaką nazwa sie spodziewasz w pliku php
  10.                 }),
  11.                 success: function(data){
  12.                   // w wyniku data badz komunikat
  13.                 }
  14.             });
  15. });
  16.  
[HTML] pobierz, plaintext


po resztę odsyłam do dokumentacji jquery
Go to the top of the page
+Quote Post
toffiak
post 3.02.2012, 07:44:53
Post #4





Grupa: Zarejestrowani
Postów: 395
Pomógł: 80
Dołączył: 24.08.2009

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

Jeszcze łatwiej będzie użyć serialize() na formularzu.


--------------------
Predefiniowane interfejsy w PHP | PDO Tutorial
Go to the top of the page
+Quote Post
Konop857
post 4.02.2012, 12:38:24
Post #5





Grupa: Zarejestrowani
Postów: 81
Pomógł: 2
Dołączył: 4.05.2011

Ostrzeżenie: (10%)
X----

Dzięki za pomoc, teraz mam coś takiego :
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. $(function() {
  3. $(document).ajaxError(function() {
  4. alert('Nie można wysłać danych lub błąd serwera!'); 
  5. });
  6. $('.form_form').submit(function() { 
  7. var $this = $(this);
  8. var $login = $('.form_login');
  9. var $password = $('.form_password');
  10. $('.error, .info').remove();
  11. if ($login.val()) {
  12. if ($password.val()) {
  13.  
  14.  $.ajax({
  15. 				type: "POST",
  16. 				url: "login.php",
  17. 				data: ({
  18. 					login: this.form_login, password: this.form_password
  19. 			}),
  20. 			dataType: "html",
  21.  
  22.  
  23.                 success: function(data){
  24.  
  25.                   $('<font size="2" class="info"></br>Trwa Logowanie...</br></br></font>')
  26. 					.css('color', 'green') 
  27. 					.insertAfter($this);
  28. 				},
  29.  
  30. 				error: function(data){
  31.  
  32. 				$('<font size="2" class="info"></br>Nie można zalogować...</br></br></font>')
  33. 					.css('color', 'red') 
  34. 					.insertAfter($this);
  35. 				}
  36.  
  37.             });
  38.  
  39.  
  40.  
  41. } else {
  42. $('<font size="2" class="error"></br>Uzupełnij!</font>')
  43. .css('color', 'red') 
  44. .insertAfter($password);
  45. }} else {
  46. $('<font size="2" class="error"></br>Uzupełnij!</font>')
  47. .css('color', 'red') 
  48. .insertAfter($login);
  49. }
  50. return false;
  51.  
  52. });
  53. });
  54. </script> 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <form action='login.php' method='post' class='form_form'>
  2. 		Login :</br>
  3. 		 <input type='text' name='login' class='form_login'/></br>
  4. 		Hasło :</br>
  5. 		<input type='password' name='password' class='form_password'/></br></br>
  6. 		<input type='submit' value='Zaloguj'/>
  7. 		</form>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. if($_POST['login'] == "Login" and $_POST['password'] == "Password"){
  2. echo	"<head><meta http-equiv='refresh' content='1; url=http://www.survival-center.pl/?info=idid</head>";
  3. } else {
  4. echo	"<head><meta http-equiv='refresh' content='1; url=http://www.survival-center.pl/?info=ididnt</head>";
  5. }
[PHP] pobierz, plaintext

I teraz mam pytanie, czemu po uzupełnieniu formularza jako login = Login i password = Password skrypt mnie nie przekierowuje?
Jak wpisze obojętnie jakie dane, również nic się nie dzieje, mógłby mi ktoś wytłumaczyć mi mój błąd?

Pozdrawiam
Go to the top of the page
+Quote Post
« 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: 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 Wersja Lo-Fi Aktualny czas: 7.06.2025 - 04:48
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn