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

Posty w temacie
- Maniek1313   [PHP][JavaScript][AJAX]Formularz   31.12.2011, 12:17:50
- - darko   Wypadałoby podać treść błędu. Bez analizowania kod...   31.12.2011, 12:26:34
- - amii   Nie tak: onclick=send() tylko tak: onclick="s...   31.12.2011, 12:29:44
- - Maniek1313   Ja robię na postawię kursu Wgrałem pliki na serwe...   31.12.2011, 15:20:29
- - johny_s   Cytat"NetworkError: 404 Not Found - http://ww...   31.12.2011, 18:32:30
- - Maniek1313   Działa niby taka prosta rzecz a trudno było znale...   1.01.2012, 11:07:44

« 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 · Przełącz na: Linearny+ · Drzewo

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

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