Witam. Przerabiam pewną książkę by nauczyć się AJAX'a. Jeden przykład z tej książki nie chce mi działać. Gdy dane były wysyłane do skryptu PHP metodą GET wszystko działało, lecz kiedy przerobiłem skrypt by wysyłać dane metodą POST zapytanie zaczęło zwracać null. Tak wygląda cały kod:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. 	var zapytanie = false;
  5. 	var opcje;
  6. 	if(window.XMLHttpRequest){
  7. 	  zapytanie = new XMLHttpRequest();
  8. 	} else if(window.ActiveXObject) {
  9. 	  zapytanie = new ActiveXObject("Microsoft.XMLHTTP");
  10. 	}
  11.  
  12.  
  13. 	function opcjee(schemat){
  14. 	  var url = "opcje.php";
  15.  
  16. 		if(zapytanie){
  17. 		  zapytanie.open("POST", url);
  18. 		  zapytanie.setRequestHeader('Content-Type', 'application/x-www-form-urlencode'); 
  19. 		  zapytanie.onreadystatechange = function(){
  20. 			if(zapytanie.readyState == 4  && zapytanie.status == 200){
  21. 			var danexml = zapytanie.responseXML;
  22. 			opcje = danexml.getElementsByTagName("option");
  23. 			listaOpcji();
  24. 			}
  25. 		  }
  26. 		zapytanie.send("schemat="+schemat);
  27. 		}  
  28. 	}
  29.  
  30.  
  31. 	function listaOpcji(){
  32. 	  var selectControl = document.getElementById("optionList");
  33. 	  for (var i = 0; i < opcje.length; i++ ){
  34. 		selectControl.options[i] = new Option(opcje[i].firstChild.data);
  35. 	  }
  36. 	}
  37.  
  38. 	function setOption (){
  39. 	  document.body.style.backgroundColor =
  40. 	  opcje[document.getElementById
  41. 	  ('optionList').selectedIndex].firstChild.data;
  42. 	}
  43. </script>
  44. </head>
  45. <body>
  46.  
  47. <form>
  48. <select size="1" id="optionList"
  49. onchange="setOption()">
  50. <option>Wybierz schemat</option>
  51. </select>
  52. <input type = "button" value= "Użyj schematu kolorów 1"
  53. onclick = "opcjee(1)">
  54. <input type = "button" value= "Użyj schematu kolorów 2"
  55. onclick = "opcjee(2)">
  56. </form>
  57. </body>
  58. </html>
[HTML] pobierz, plaintext


Na stronie znajdują się dwa przyciski i rozwijana lista. Wciśnięcie jednego przycisku powoduje wysłanie wartości '1' lub '2' do skryptu opcje.php który generuje kod xml. Następnie ajax łączy się ze skryptem i powinien pobrać dane po tagach <option>. Tak wygład skrypt opcje.php: 

[PHP] pobierz, plaintext 
  1. <?php
  2. header("Content-type: text/xml");
  3.  
  4. if ($_POST["schemat"] == "1")
  5. $options = array('red', 'green', 'blue');
  6. if ($_POST["schemat"] == "2")
  7. $options = array('black', 'white', 'orange');
  8.  
  9. echo '<?xml version="1.0"?>';
  10. echo '<options>';
  11. foreach ($options as $value)
  12. {
  13. echo '<option>';
  14. echo $value;
  15. echo '</option>';
  16. }
  17. echo '</options>';
  18. ?>
[PHP] pobierz, plaintext


Zmienna danexml zwraca null. Konsola wyrzuca taki błąd: Uncaught TypeError: Cannot call method 'getElementsByTagName' of null. Siedzę nad tym drugi dzień i nie potrafię tego rozgryźć. Ma ktoś pomysł co jest źle?

Problem rozwiązany. Zjadłem literkę na końcu
Kod
zapytanie.setRequestHeader('Content-Type', 'application/x-www-form-urlencode');