Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][JavaScript][AJAX]Formularz
Maniek1313
post
Post #1





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 8.07.2011

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

Witam wszystkich mam pewien problem a mianowicie nie chcą się dane przesłać do pliku php z formularza przez ajax w konsoli pokazuje że mam błąd z funkcję send();

index.html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>Sprawdź</title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  5. <script type="text/javascript" language="JavaScript" src="ajax.js"></script>
  6. <script type="text/javascript" language="JavaScript" src="formualrz.js"></script>
  7. </head>
  8. <body>
  9. <h1>Sprawdź</h1><hr>
  10. <div id="form">
  11. 	<form name="formularz">
  12. 		<center>ID<input type="text" name="id" size="20"></center>
  13. 		<input type="hidden" name="hidd" value="3211">
  14. 	</form>
  15. </div>
  16. <center>
  17. <div id="form">
  18. 	<input type="button" value="Sprawdź id" onclick=send()>
  19. </div>
  20. <hr><br><br>
  21. <div id="status">
  22. Dodaj wpis
  23. </div>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


ajax.js
[HTML] pobierz, plaintext 
  1. var req = null;
  2.  
  3. function sendRequest(url,id){
  4. 	req = initXMLHttpRequest();
  5.  
  6. 	if(req){
  7. 		var p = document.getElementById(id);
  8. 		req.onreadystatechange = function(){
  9. 			if(req.readyState == 4){
  10. 				p.innerHTML = req.responseText;
  11. 			}
  12. 		}
  13.  
  14. 		req.open("GET",url);
  15. 		req.setRequestHeader("Content-Type", "application/x-www-from-urlencoded");
  16. 		req.send(null);
  17. 	}
  18. }
  19.  
  20. function sendRequestPost(url,id,params){
  21. 	req = initXMLHttpRequest();
  22.  
  23. 	if(req){
  24. 		var p = document.getElementById(id);
  25. 		req.onreadystatechange = function(){
  26. 			if(req.readyState == 4){
  27. 				p.innerHTML = req.responseText;
  28. 			}
  29. 		}
  30.  
  31. 		req.open("POST",url,true);
  32. 		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
  33. 		req.send(params);
  34. 	}
  35. }
  36.  
  37. function initXMLHttpRequest(){
  38. 	var xRequest = null;
  39.  
  40. 	if(window.XMLHttpRequest){
  41. 		xRequest = new XMLHttpRequest()
  42. 	}else if(window.ActiveXObject){
  43. 		xRequest = new ActiveXObject("Microsoft.XMLHTTP");
  44. 	}
  45. 	return xRequest;
  46. }
  47.  
  48. function onReadyState(){
  49.  
  50. }
[HTML] pobierz, plaintext


formularz.js
[HTML] pobierz, plaintext 
  1. function PrepareParams(form){
  2. 	var parametry = new Array();
  3.  
  4. 	for(var i=0;i<form.elements.length;i++)
  5. 	{
  6. 		if((nazwa = from.elements[i].name) && (wartosc = from.elements[i].value))
  7. 			parametry.push(nazwa+'='+encodeURIComponent(wartosc));
  8. 	}
  9. 	return parametry.join("&");
  10. }
  11.  
  12. function send(){
  13. 	var params = PrepareParams(document.formularz);
  14.  
  15. 	for (var i=0;i<document.formularz.elements.length;i++)
  16. 		document.formularz.elements[i].value='';
  17. 	sendRequestPost("insert.php","status" ,params);
  18. }
[HTML] pobierz, plaintext


insert.php
[PHP] pobierz, plaintext 
  1. <?php
  2. echo $_POST['id'];
  3. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 5)
darko
post
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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

Wypadałoby podać treść błędu. Bez analizowania kodu na pierwszy rzut oka widać, że tu:
if((nazwa = from.elements[i].name) && (wartosc = from.elements[i].value))
pomylono form z from. Pytanie tylko co to jest u Ciebie nazwa i wartosc ?
// edit
i jeśli porównujesz dwie wartości to porównuj (==), nie przypisuj (=)

Ten post edytował darko 31.12.2011, 12:33:42
Go to the top of the page
+Quote Post
amii
post
Post #3





Grupa: Zarejestrowani
Postów: 728
Pomógł: 76
Dołączył: 12.06.2009

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

Nie tak: onclick=send()
tylko tak: onclick="send();"

Lepiej używaj jQuery do tego typu celów, prostszy kod, lepsza zgodność i większa czytelność.
Go to the top of the page
+Quote Post
Maniek1313
post
Post #4





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 8.07.2011

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

Ja robię na postawię kursu

Wgrałem pliki na serwer http://www.maniek13.myshell.pl/test/
Go to the top of the page
+Quote Post
johny_s
post
Post #5





Grupa: Zarejestrowani
Postów: 594
Pomógł: 122
Dołączył: 17.07.2005
Skąd: P-na

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

Cytat
"NetworkError: 404 Not Found - http://www.maniek13.myshell.pl/test/formualrz.js"


jak sie pisac nie umie to tak wychodzi (IMG:style_emoticons/default/wink.gif)
literowke zrobiles to nie dziwota ze funkcji znalesc nie potrafi
Go to the top of the page
+Quote Post
Maniek1313
post
Post #6





Grupa: Zarejestrowani
Postów: 148
Pomógł: 2
Dołączył: 8.07.2011

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

Działa (IMG:style_emoticons/default/biggrin.gif) niby taka prosta rzecz a trudno było znaleźć (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował Maniek1313 1.01.2012, 11:07:58
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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