Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
AbonnerSkjul
Host1.no - Webhotell fra 29,-, virtuell server fra 249,-. 15% rabatt med rabattkode "nFF". Besøk oss på Host1.no!
  5 1051
Opous
185 15
16. juli 2012
Heisann!

Er ganske så fersk når det kommer til webutvikling. Har derfor et spørsmål.

Jeg har en html fil som dette:

HTML-kode

<html>
	<form method="post" id="submit" action="script/gen.php">
		<input type="submit" value="Say Hello!"/>
	</form>
</html>
hvor jeg kaller på en php fil. Denne ser slik ut:

HTML-kode

<?php
$hello = "HELLO";
?>
Hvordan kan jeg få innholdet fra denne php filen direkte inn i html filen min, når bruker trykker på knappen? Hello-variablen skal legges i en div. Vet at jeg må bruke AJAX og muligens jQuery biblioteket. Som sagt er jeg veldig fersk, så eksempler hadde vært fint
curx
curx's Avatar
Donor
672 105
16. juli 2012

HTML-kode

<script type="text/javascript">
function kanin() {
	if (window.XMLHttpRequest) {
	 xmlhttp=new XMLHttpRequest();
	}
	else {
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			document.getElementById("innhold").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","script/gen.php",true);
	xmlhttp.send();
}
</script>

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

<form method="post" id="submit" action="script/gen.php">
    <input type="button" onClick="kanin();" value="Say Hello!"/>
</form>
Sist endret av curx; 16. juli 2012 kl. 13:02.
esl
twist?
esl's Avatar
1.601 121
16. juli 2012
Les deg opp på en jQuery Ajax & PHP tutorial. Ikke rot med XMLHttpRequest.
http://wabism.com/ajax-tutorial-with-jquery/
Opous
Trådstarter
185 15
17. juli 2012
Sitat av lefsaker Vis innlegg

HTML-kode

<script type="text/javascript">
function kanin() {
	if (window.XMLHttpRequest) {
	 xmlhttp=new XMLHttpRequest();
	}
	else {
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			document.getElementById("innhold").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","script/gen.php",true);
	xmlhttp.send();
}
</script>

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

<form method="post" id="submit" action="script/gen.php">
    <input type="button" onClick="kanin();" value="Say Hello!"/>
</form>
Vis hele sitatet...
Dette fungerte greit!

Men hvordan blir kallet om jeg ønsker å kalle en funksjon i gen.php? typisk at jeg ønsker spesifikt å kalle på denne funksjonen

HTML-kode

function returnKey() {
	$result = generatekey();
	echo '<h4>Licence Key: <b>' . $result . '</b></h4>';
}
og ikke hele php skriptet
Sist endret av Opous; 17. juli 2012 kl. 10:29.
curx
curx's Avatar
Donor
672 105
17. juli 2012
I PHP-filen:

Kode

//Kode og andre funksjoner her

if ($_GET['request'] ==("del1")) {
    funksjon();
    echo("Hest");
}
I javascriptet må du endre følgende:

HTML-kode

xmlhttp.open("GET","script/gen.php",true);
xmlhttp.open("GET","script/gen.php?request=del1",true);

Det er dog ikke den beste løsningen, men betydelig enklere enn å inkludere andre rammeverk.
Opous
Trådstarter
185 15
17. juli 2012
Sitat av lefsaker Vis innlegg
I PHP-filen:

Kode

//Kode og andre funksjoner her

if ($_GET['request'] ==("del1")) {
    funksjon();
    echo("Hest");
}
I javascriptet må du endre følgende:

HTML-kode

xmlhttp.open("GET","script/gen.php",true);
xmlhttp.open("GET","script/gen.php?request=del1",true);

Det er dog ikke den beste løsningen, men betydelig enklere enn å inkludere andre rammeverk.
Vis hele sitatet...
Takk. Løste det på denne måte:

Kode

else if(isset($_GET['returnKey'])) {
returnKey();
}