Ajax Request Problem @ tutorials.de: Tutorials, Forum & Hilfe

drabbit · 10.08.09 10:51

Hallo Leute,

da bin ich wieder mit meinen Ajax-Anfänger-Problemen...

Ich habe eine Seite mit 3 Buttons und möchte wenn man auf einen Button kickt auf meiner Seite ausklicken auf welchen Button man geklickt hat.

Leider kommt bei mir immer eine Fehlermeldung und ich weiß nicht ganz woran es liegt...

Hier mein Code:

HTML-Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Ajax PU </title>
<script type="text/javascript" src="js/prototype.js" ></script>
<script type="text/javascript" src="js/scriptaculous.js" ></script>


  <style type="text/css">
    body {
      color:black;
      background-color:#CCC;
	  font-family:Verdana, Geneva, sans-serif;
    }
    h1 {
		text-align:center;
	}    
	h2 {
		text-align:center;
	}
	
	img{
		border:5px solid #AAAAAA;
	}
	
	.kasterl {
		background-color:#AAAAAA;
		border:1px solid red;
		cursor:pointer;
		float:left;
		height:58px;
		margin:10px;
		padding-top:42px;
		text-align:center;
		width:100px;
	}
	
	#button1 {
		border:4px solid blue;
		cursor:pointer;
		float:left;
		margin:10px;
		padding-bottom:40px;
		padding-top:40px;
		text-align:center;
		width:100px;
		background-color:#AA0000;
	}

	#button2 {
		border:4px solid blue;
		cursor:pointer;
		float:left;
		margin:10px;
		padding-bottom:40px;
		padding-top:40px;
		text-align:center;
		width:100px;
		background-color:#00AA00;
	}
	
#button3 {
		border:4px solid blue;
		cursor:pointer;
		float:left;
		margin:10px;
		padding-bottom:40px;
		padding-top:40px;
		text-align:center;
		width:100px;
		background-color:#00AAAA;
	}


	
  </style>
  

  
</head>

<div id="button1" title="1"><a href="javascript:setRequest('1')">Button 1</a></div>
<div id="button2" title="2"><a href="javascript:setRequest('2')">Button 2</a></div>
<div id="button3" title="3"><a href="javascript:setRequest('3')">Button 3</a></div>

<br />
<div id="content"></div>




  <script type="text/javascript">
  <!--
	var request = false;

	// Request senden
	function setRequest(value) {
		// Request erzeugen
		if (window.XMLHttpRequest) {
			request = new XMLHttpRequest(); // Mozilla, Safari, Opera
		} else if (window.ActiveXObject) {
			try {
				request = new ActiveXObject('Msxml2.XMLHTTP'); // IE 5
			} catch (e) {
				try {
					request = new ActiveXObject('Microsoft.XMLHTTP'); // IE 6
				} catch (e) {}
			}
		}

		// überprüfen, ob Request erzeugt wurde
		if (!request) {
			alert("Kann keine XMLHTTP-Instanz erzeugen");
			return false;
		} else {
			var url = "updateSite.php";
			// Request öffnen
			request.open('post', url, true);
			// Requestheader senden
			request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			// Request senden
			request.send('name='+value);
			// Request auswerten
			request.onreadystatechange = interpretRequest;
		}
	}

	// Request auswerten
	function interpretRequest() {
		switch (request.readyState) {
			// wenn der readyState 4 und der request.status 200 ist, dann ist alles korrekt gelaufen
			case 4:
				if (request.status != 200) {
					alert("Der Request wurde abgeschlossen, ist aber nicht OK\nFehler:"+request.status);
				} else {
					var content = request.responseText;
					// den Inhalt des Requests in das <div> schreiben
					document.getElementById('content').innerHTML = content;
				}
				break;
			default:
				break;
		}
	}
  //-->
  </script>


</body>
</html>

und so sieht die 2te php site aus:

PHP-Code:


<?php

header('Content-Type: text/html; charset=utf-8'); // sorgt für die korrekte Kodierung

header('Cache-Control: must-revalidate, pre-check=0, no-store, no-cache, max-age=0, post-check=0'); // ist mal wieder wichtig wegen IE



$name = strtoupper($_POST['name']);

echo $name;

?>

kuddeldaddeldu · 10.08.09 11:07

Hi,

Zitat von drabbit

Leider kommt bei mir immer eine Fehlermeldung und ich weiß nicht ganz woran es liegt...

Du solltest uns schon verraten, wie diese denn lautet...

LG

drabbit · 10.08.09 11:16

Zitat von kuddeldaddeldu

Hi,

Du solltest uns schon verraten, wie diese denn lautet...

LG

Natürlich also ich bekomme folgenden Text:

Der Request wurde abgeschlossen, ist aber nicht OK
Fehler:0

Wobei ich nicht weiß warum er Fehler:0 schreibt... ein 404er wär mir lieber

kuddeldaddeldu · 10.08.09 11:55

Hi,

der gepostete Code funktioniert bei mir einwandfrei. Wie sieht denn der zugehörige statusText aus?

LG

**Mark** · 10.08.09 12:11

Hi!

Habe da ja eigentlich keine Ahnung von, aber per Google findet sich der Hinweis, daß es am File-Zugriff auf eine lokale Datei liegen kann (?).
Vielleicht einfach mal probieren:

PHP-Code:


var url = "http://localhost/updateSite.php";

...wenn das totaler Schwachsinn war, bitte einfach ignorieren

Liebe Grüße,
Mark.

drabbit · 10.08.09 12:18

Also bei dir schreibt er dann auf welchen Button du geklickt hast?

Status txt hab ich eigentlich nicht - also für die fehlermeldung, ich hab nur die 2 Seiten wie oben gepostet

kuddeldaddeldu · 10.08.09 12:37

Hi,

Zitat von drabbit

Also bei dir schreibt er dann auf welchen Button du geklickt hast?

"er" macht genau das, was "er" machen soll. Der gepostete Value wird in das entsprechende Div geschrieben, ja.

Zitat von drabbit

Status txt hab ich eigentlich nicht - also für die fehlermeldung, ich hab nur die 2 Seiten wie oben gepostet

Wie, "hast Du nicht"? Du sollst das ausgeben lassen. Wer alert(req.status) kann, kann doch wohl auch alert(reg.statusText)?

LG

drabbit · 10.08.09 12:51

Ich habe es nun die Datein auf meinen Server geladen - da funktioniert es wunderbar. Keine Ahnung warum das Skript lokal Probleme bereitet - aber da es auf dem Server funktioniert - bin ich jetzt damit zufrieden.

Danke.

kuddeldaddeldu · 10.08.09 13:05

Hi,

auf den Grund gehen würde ich dem Problem aber trotzdem.

LG

OnlyFoo · 10.08.09 13:10

Naja was heißt Lokal? Ganz lokal ohne webserver kann es ja nicht funktionieren. Und Lokal mit Webserver muss es eigentlich Funktionieren, wenn du den richtig konifiguriert hast.

kuddeldaddeldu · 10.08.09 13:22

Hi,

Zitat von OnlyFoo

Und Lokal mit Webserver muss es eigentlich Funktionieren

genau, "bei mir" hätte auch korrekt "bei mir lokal" heißen müssen.

Das fällt mir ein, kann es sein, dass Du die HTML-Seite gar nicht über den/einen Server (localhost, 127.0.0.1) aufgerufen hast, sondern über eine file://-URL? Dann kann das natürlich wie gesagt nicht funktionieren.

LG

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Problem mit Ajax Request Parameter in Prototype framework

Ajax Request in JSF

Ajax Request

Problem mit Firefox & Prototype (Ajax.Request & Ajax.Updater)

Problem mit prototype Ajax.Request per post

E-Mail:

Abonnieren Abbestellen