JSON - Wert in Inputfeld ausgeben

vollmilch · 02.07.2009, 18:15

Hallo zusammen,
ich rufe mit JavaScript eine PHP Datei auf welche mir eine unterschiedliche Daten liefert.Mittels JSON kann ich so die Daten aus der PHP Datei gut formatieren. Nun möchte ich aber die id nicht wie die anderen Daten über ein DIV-Tag ausgeben sondern in einem Input feld. Der Code nun nochmal :

PHP-Code:

           $datastring = array(

         "id"       => "$id"

         );

         

         echo json_encode($datastring);

Code:

getdata();

setInterval("getdata()",1000 );

function getdata()
{
 if (xmlHttp) {
     xmlHttp.open('GET', 'getdata.php', true);
     xmlHttp.onreadystatechange = function () {
         if (xmlHttp.readyState == 4) {
		 
var obj = eval('(' + xmlHttp.responseText + ')');
document.getElementById('id').innerHTML = obj.id;

         }
		 
     };
     xmlHttp.send(null);
	 
 }
}

Diese ID kann ich nun über einen DIV Tag ausgeben.

HTML-Code:

<div id="id" ></div>

Jedoch will ich die ID nicht über einen DIV Tag ausgeben sondern in einem input-Feld als value.

Dazu habe ich folgendes versucht:

HTML-Code:

<input type="hidden" id="id"  name="id" />

Leider gibt er mir die ID nicht aus bzw. mein Inputfeld bleibt leer. Warum?

lg

vollmilch

agrajag · 02.07.2009, 19:24

Weil du nicht .innerHTML sondern .value verwenden solltest. Außerdem ist das ein hidden-Feld - klar, dass du das nicht siehst...

Mit PHP hat das nix zu tun...
Themenmoderation:
[→] Verschoben von PHP Einsteiger

vollmilch · 02.07.2009, 19:37

document.getElementById('id').value = obj.id;

So funktioniert das aber auch nicht.

Ja auch wenn ich ein textfeld draus mache ist kein Wert drin!

phpdummi · 03.07.2009, 20:18

Probier es mal so:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Getting JSON Data</title>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
		<script>
			var getData = function () {
								
				// get Request Object
				var Request = null;
				
				try {
					Request = new XMLHttpRequest();
				} catch (e) {
					try {
						Request = new ActiveXObject("Msxml2.XMLHTTP");
					} catch (e) {
						try {
							Request = new ActiveXObject("Microsoft.XMLHTTP")
						} catch (e) {
							throw {error: 'Request is null'};
						}
					}
				}
				
				var insertData = function (inputObject) {
					console.log(inputObject);
					document.getElementById('container').innerHTML = inputObject.id;
					document.getElementById('textInput').value = inputObject.id;
				};
								
				var handleRequest = function () {
					
					switch (Request.readyState) {
						case 4:
							if(Request.status !== 200) {
								alert('Es ist ein Fehler aufgetreten: \n' + Request.status);
							} else {
								var JsonObject = eval('(' + Request.responseText + ')');
								insertData(JsonObject);
							}
						break;
							
						default:
							return false;
						break;
					}
				};
								
				// open GET request to backend
				Request.open("GET", 'backend.php', true);
				
				Request.onreadystatechange = handleRequest;
				
				Request.send(null);
			};
			
			$(function () {
				$('#getData').click(function () {
					getData();
					return false;
				});
			});
		</script>
	</head>
	<body>
		<button id="getData" >Get Data!</button>
		<div id="container">The loaded Data will be displayed here.</div>
		<form id="myForm">
			<input type="text" id="textInput" value="this will change as well" />
		</form>
	</body>
</html>

backend.php

PHP-Code:

  <?php

$datastring = array("id" => "Data from the backend!");

echo json_encode($datastring);

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inhalt einer Spalte als Wert ausgeben?	phppower	Datenbanken	6	26.06.2009 10:57
Wert als Grafik ausgeben	dypor	PHP Tipps 2009	5	05.06.2009 21:31
Wert in datenbank abfragen und ganze Zeile ausgeben	daywalker007	Datenbanken	15	01.05.2009 11:46
Wert statt Name einer Variablen ausgeben	ThinkPink	PHP Tipps 2008	5	25.09.2008 11:05
<option> wert aus DB in Dropdown ausgeben, wo aktueller Wert checked	Lapje	PHP Tipps 2008	9	19.08.2008 11:22
[Erledigt] Frage zu "if isset ..." (Leeren Wert nicht ausgeben)	bursch	PHP Tipps 2008	6	10.05.2008 21:03
aus select Ergebniss jeden Wert nur einmal ausgeben	DDogg	PHP Tipps 2006	2	02.06.2006 11:03
Jeden Wert nur Einmal ausgeben	maximus	PHP Tipps 2006	2	15.05.2006 23:15
Datensatz mit höchsten Wert aus verknüpfter Tabelle ausgeben	db	Datenbanken	2	26.04.2006 11:48
Einem Inputfeld einen Wert zuweisen		HTML, Usability und Barrierefreiheit	10	27.01.2006 13:12
Select-feld wert ausgeben	jens76	HTML, Usability und Barrierefreiheit	1	17.10.2005 12:48
Bei Wert 0 nix ausgeben	Diego1978	PHP Tipps 2005-2	9	15.08.2005 16:29
Gleichen Wert nur einmal ausgeben	Connar	PHP Tipps 2005	3	28.03.2005 19:47
MySQL_fetch_row nur ein Wert ausgeben?		PHP Tipps 2005	4	08.03.2005 10:20
Wert im inputfeld?		HTML, Usability und Barrierefreiheit	3	05.08.2004 09:22

02.07.2009, 18:15
vollmilch Neuer Benutzer Registriert seit: 31.03.2009 Beiträge: 27	JSON - Wert in Inputfeld ausgeben Hallo zusammen, ich rufe mit JavaScript eine PHP Datei auf welche mir eine unterschiedliche Daten liefert.Mittels JSON kann ich so die Daten aus der PHP Datei gut formatieren. Nun möchte ich aber die id nicht wie die anderen Daten über ein DIV-Tag ausgeben sondern in einem Input feld. Der Code nun nochmal : PHP-Code: `$datastring = array( "id" => "$id" ); echo json_encode($datastring);` Code: getdata(); setInterval("getdata()",1000 ); function getdata() { if (xmlHttp) { xmlHttp.open('GET', 'getdata.php', true); xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4) { var obj = eval('(' + xmlHttp.responseText + ')'); document.getElementById('id').innerHTML = obj.id; } }; xmlHttp.send(null); } } Diese ID kann ich nun über einen DIV Tag ausgeben. HTML-Code: <div id="id" ></div> Jedoch will ich die ID nicht über einen DIV Tag ausgeben sondern in einem input-Feld als value. Dazu habe ich folgendes versucht: HTML-Code: <input type="hidden" id="id" name="id" /> Leider gibt er mir die ID nicht aus bzw. mein Inputfeld bleibt leer. Warum? lg vollmilch


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

02.07.2009, 19:24
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Weil du nicht .innerHTML sondern .value verwenden solltest. Außerdem ist das ein hidden-Feld - klar, dass du das nicht siehst... Mit PHP hat das nix zu tun... Themenmoderation: [→] Verschoben von PHP Einsteiger __________________ Today you...Tomorrow me.

02.07.2009, 19:37
vollmilch Neuer Benutzer Registriert seit: 31.03.2009 Beiträge: 27	document.getElementById('id').value = obj.id; So funktioniert das aber auch nicht. Ja auch wenn ich ein textfeld draus mache ist kein Wert drin!