18 years ago · beab1f82b1
2 changed files with 163 additions and 0 deletions
--- a/ajax+json@home/ajax.php
+++ b/ajax+json@home/ajax.php
@ -0,0 +1,67 @@
+<?php
+
+//	$english = mysql_escape_string($_REQUEST['translate']);
+// Der Service ist zur Zeit leider deaktiviert....
+//	$trans   = new SoapClient(
+//		"http://www.xmethods.net/sd/2001/BabelFishService.wsdl");
+
+/*
+	try
+	{
+		$german = $trans->BabelFish("en_de",$english);
+		$french = $trans->BabelFish("en_fr",$english);
+	}
+	catch(SoapFault $e)
+	{
+		$english = "not found";
+		$german  = "not found";
+		$french  = "not found";
+	}
+*/
+	class dummy
+	{
+		// nur public member werden via json verschickt.
+		public $german;
+		public $english;
+		public $french;
+
+		function __construct ($english, $german, $french)
+		{
+			$this->german         = $german;
+			$this->english        = $english;
+			$this->french["val1"] = $french;
+			$this->french["val2"] = "jokus";
+		}
+	}
+
+	$encoding = FALSE;
+	if (isset ($_SERVER['HTTP_ACCEPT_ENCODING']) &&
+			strpos ($_SERVER['HTTP_ACCEPT_ENCODING'], 'x-gzip') !== FALSE)
+		$encoding = "x-gzip";
+	if (isset ($_SERVER['HTTP_ACCEPT_ENCODING']) &&
+			strpos ($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip') !== FALSE)
+		$encoding = "gzip";
+
+	header ('Content-type: text/plain');
+
+	$result = FALSE;
+	if ($encoding !== FALSE)
+		$result = gzcompress (json_encode (new dummy (
+			'doing gzip', 'gezipedte Daten', 'la zippo')));
+
+	if ($result !== FALSE)
+	{
+		header ('Content-Encoding: ' . $encoding);
+		
+		print ("\x1f\x8b\x08\x00\x00\x00\x00\x00");
+		print ($result);
+	}
+	else
+	{
+		$result = json_encode (new dummy (
+			'doing no gzip', 'nicht gezipedte Daten', 'no la zippo'));
+
+		print ($result);
+	}
+
+?>
--- a/ajax+json@home/test1.html
+++ b/ajax+json@home/test1.html
@ -0,0 +1,96 @@
+<html>
+	<head>
+		<title>Meine ersten Ajax Erfahrungen</title>
+		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+
+		<script type="text/javascript">
+		<!--    
+			var req = null;
+              
+			function handleTranslation ()
+			{            
+				switch (req.readyState)
+				{
+					case 4:
+						if (req.status != 200)
+							alert("Fehler:"+req.status);
+						else
+						{    
+							// felder des formulars
+							german_field = document.getElementById("german");
+							french_field = document.getElementById("french");
+                        
+							// antwort des servers
+							var translation = eval('(' + req.responseText + ')');
+                        
+							// schreiben des ergebnisses
+							german_field.value = translation.german;
+							french_field.value = translation.french.val1;
+						}
+						break;
+            
+					default:
+						return false;
+						break;     
+				}
+			}
+            
+			function translate ()
+			{
+				// erstellen des requests
+                 
+				try
+				{
+					req = new XMLHttpRequest();
+				}
+				catch (e)
+				{
+					try
+					{
+						req = new ActiveXObject("Msxml2.XMLHTTP");
+					}
+					catch (e)
+					{
+						try
+						{
+							req = new ActiveXObject("Microsoft.XMLHTTP");
+						}
+						catch (failed)
+						{
+							req = null;
+						}
+					}
+				}
+
+				if (req == null)
+					alert("Error creating request object!");
+                  
+				// anfrage erstellen (GET, url ist localhost,
+				// request ist asynchron      
+				var url = 'http://muedv031/~georg/bilder/ajax+json/ajax.php' +
+					'?translate=' + document.getElementById ('myword').value;
+
+				req.open("GET", url, true);
+
+				// Beim abschliessen des request wird diese Funktion ausgeführt
+				req.onreadystatechange = handleTranslation;
+	  
+				req.setRequestHeader("Content-Type",
+						"application/x-www-form-urlencoded");
+
+				req.send(null);
+			}
+
+		//-->
+		</script>
+	</head>
+
+	<body>
+		<div id="eins" style="width: 80%; height: 80%; border: dashed 1px;">
+			englisch: <input type="text" id="myword" onchange="translate();" />
+			<br />
+			deutsch: <input type="text" id="german" /><br />
+			französisch: <input type="text" id="french" /><br />
+		</div>
+	</body>
+</html>