Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Zmiana skryptu formularz<->ajax, skrypt działa, jednak jest to skrypt na zasadzie jeden do jednego
ksenonlogin
post
Post #1





Grupa: Zarejestrowani
Postów: 123
Pomógł: 3
Dołączył: 29.10.2011

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

Witam

Chodzi mi o wskazówki które pozwolą przerobić tak skrypt by był on bardziej uniwersalny.
W obecnej chwili wygląda to tak że do każdego formularza muszę tworzyć oddzielny skrypt, fajnie by było gdyby skrypt był oddzielnie w <head></head>, a takie parametry jak adres pliku .php czy wartości <input /> były przekazywane z poziomu formularza do skryptu który wysyła dane na podany adres w formularzu.

Proszę o jakieś wskazówki które pozwolą przerobić (bez wielkich zmian) obecny skrypt.



[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. 	<title>Kurs jQuery #3 example 7</title>
  4. 	<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
  5. 	<script type="text/javascript">
  6. 	jQuery(document).ready(function() {
  7. 		$("#guzik").click(function() {
  8. 			var tekst = $('input[name=tekst]').val();
  9.  
  10. 			$.ajax({
  11. 				url: "php1.php",
  12. 				type: "POST",
  13. 				data: "indeks="+tekst,
  14. 				success: function(msg) {
  15. 					$("#kontener").text(msg);
  16. 				}
  17. 			});
  18. 		});
  19. 	});
  20. 	</script>
  21. </head>
  22.  
  23. <body>
  24. 	<form action="">
  25. 		<input type="text" name="tekst" />
  26. 		<input type="button" id="guzik" value="KLIK" />
  27. 	</form>
  28. 	<div id="kontener"></div>
  29. </body>
  30. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Tomplus
post
Post #2





Grupa: Zarejestrowani
Postów: 1 884
Pomógł: 231
Dołączył: 20.03.2005
Skąd: Będzin

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

Pobierz wartość zmiennej ID gdzie input[type=button] i potem zamisat #guzika przypisz zmienną i powinno uruchamiać Ci wszystkie guziki.
Go to the top of the page
+Quote Post
kamil_oos
post
Post #3





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 29.08.2012

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

nadaj formularzowi jakaś klasę np. class="myForm" oraz w action zadeklaruj adres gdzie chcesz to wysłać.

w js:

[PHP] pobierz, plaintext 
  1.  
  2. $(document).ready(function() {
  3. 	$("form.myForm").submit(function(data) { //po kliknieciu nastepuje wyslanie forma - to przejmuje to zdarzenie
  4. 		var url = $(this).attr('action'); //pobieramy url z atrubutu "action" wysylanego formularza
  5.  
  6. 		$.ajax({
  7. 			url: url,
  8. 			type: "POST",
  9. 			data: $(this).serialize(), // oznacza to ze caly formularz - wszystkie inputy zostana dodane do requesta
  10. 		        success: function(msg) {
  11. 			    $("#kontener").text(msg);
  12. 			}
  13. 		});
  14.                return false;
  15. 	});
  16. });
[PHP] pobierz, plaintext


czyli, nie musisz deklarowac specjalnie url ani przycisku oraz wszystkie pola forma zostana wysłane. NIE TESTOWANE - napisane z palca.

Ten post edytował kamil_oos 29.08.2012, 21:00:51
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: 26.09.2025 - 09:04
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn