Forum PHP.pl > [AJAX] format odpowiedzi

Pomoc - Szukaj - Użytkownicy - Kalendarz

Francislaw

5.12.2014, 16:14:55

Hejka,

Skleciłem jakoś kod który pobiera z php output z echo. Wygląda on tak:

[HTML] pobierz, plaintext 
<!DOCTYPE html 
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
	<title>Ajax script</title>
	<script type="text/javascript">
		function getXMLHttpRequest()
		{
		  var request = false;
 
		  try {
			request = new XMLHttpRequest();
		  } catch(err1) {
			try {
			  request = new ActiveXObject('Msxml2.XMLHTTP');
			} catch(err2) {
			  try {
				request = new ActiveXObject('Microsoft.XMLHTTP');                
			  } catch(err3) {
				request = false;
			  }
			}
		  }
		  return request;
		}    
	</script>
</head>
<body>
	<script type="text/javascript">
		function wyslij()
		{
			var e;
			var div = document.getElementById("output");
			var p = document.getElementById('sz').value;
			var r;
			r = getXMLHttpRequest();
			r.open('POST', 'test.php', true);
			r.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			r.send("login="+p);
			r.onreadystatechange = processResponse;
			function processResponse()
			{
			  if (r.readyState == 4) {
				if (r.status == 200) {
					div.textContent = r.responseText;
				};
			  };
			}
		}
	</script>
	<a id="guzilk" href="#" onclick="wyslij();">Pobierz dane</a>
	<input type="text" id="sz" value="login"/>
	<div id="output">Pusto</div>
 
</body>
</html>
[HTML] pobierz, plaintext

Wysyła wpisany login do php, a php wyszukuje info o nim w bazie danych i zwraca rezultaty w formie echo.

No i działa, problem polega na tym, że w JS w odpowiedzi dostaję kod jako string. Czyli dla tekstu przykład dostaję <b>przykład</b>, a chciałbym, żeby po prostu html został "zaaplikowany" i sformatował tekst.

Szukałem jakichś funkcji na to ale nic nie działa. Wie może ktoś jak to zrobić ?

Turson

5.12.2014, 16:18:40

Kod

div.innerHTML = r.responseText;

Francislaw

5.12.2014, 16:20:54

Działa ! Dzięki

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.