AJAX. Connection lose.

Question

Taki mam o to kodzik.

function LoadText ()
{
var content,co1;
var xml= new XMLHttpRequest();
xml.open( "GET" , "http://localhost/home/JS/XML/content0.xml", true);

	xml.onreadystatechange = function ()
	{
		if (xml.readyState == 4)
			{
		
			var co1 = content.getElementsByTagName("article").childNodes[0].nodeValue;
			cont.innerHTML = co1;
			}
		else
			{
			cont.innerHTML = "cos nie pyklo";
			}
	};
	
xml.send();	
}

No i pliczek XML

<?xml version="1.0" encoding="utf-8" standalone="no" ?>
<?xml-stylesheet type="text/css" href="xml_style.css"?>
<?xml-stylesheet type="text/css" href="https://fonts.googleapis.com/css?family=Raleway:200" ?>
<!DOCTYPE content [
	
	<!ELEMENT span (#PCDATA)>
	<!ELEMENT article (#PCDATA)>
	<!ELEMENT p (#PCDATA)>
	<!ELEMENT button (img)>
	<!ELEMENT article (span)>
	]>
<content>

	<p>
		<span>W</span>
		ho I am?
	</p> 
	<article>
		<span>H</span>ello in my website
		<br />
	tekst
	</article>
	<button>
		<img src="Image/arrow_right.png" id="arrow"></img>
	</button>
</content>

Kod wcześniej, wysyłał żądanie, ale zwracał object window, nastepnie po paru poprawkach przestał w ogóle reagować na połącznie. Pytanie: gdzie jest błąd?

Answer 1

Zmienna content jest wyłącznie zdefiniowana, a nie zadeklarowana. Toteż odnoszenie się do typu undefined mija się z celem. Zamiast tego, jak mniemam musisz odnieść się do atrybutu response/responseXML(?) zmiennej xml, która jest instancją żądania XMLHttpRequest. Btw. mniemam, że w zmiennej cont siedzi przypisany element, bądź element w htmlu ma takie id :D

Comments

tak cont jest elementem HTML ;). Faktycznie moje przeoczenie, jednakże teraz content odnosi się do żądania XML Response, ale serwer dalej nie chce wykonać połączenia. Wynikiem czego content jest pusty. Poniżej kod.

function LoadText ()
{
var xml= new XMLHttpRequest();
var tester = document.getElementById("test");
xml.open( "GET" , "http://localhost/home/JS/XML/content0.xml", true);

	xml.onreadystatechange = function ()
	{
		if (xml.readyState == 4)
			{
			var content = xml.responseXML;
			var text = content.getElementsByTagName("article").childNodes[0].nodeValue;
			}
		else
			{
			tester.innerHTML = "cos nie pyklo";
			}
	};
	
xml.send();	
}

Btw, korzystam z servera XAMMP. Według mnie problem leży w żądaniu węzła. Za chwilę przetestuje czy content faktycznie jest pusty.

Edit: Ciekawe, skrypt twierdzi, że nie jest pusty. To problem leży w żądaniu węzła.