Buongiorno ragazzi. Come ho già scritto qualche giorno fa, sono un neofita che con molta fatica sta cercando di comprendere l'architettura di base dei siti web responsivi. Purtroppo nella mia testa ha tanta confusione, per cui sto cercando di mettere in piedi semplici esercizi (che per molti di voi saranno ridicoli...) per cercare di capire le basi delle interazioni client-server. Purtroppo in giro sul web ci sono tanti esempi per me, che tra l'altro non consco minimamante SQL, troppo complicati.
Vi posto il codice e vi spiego quello che sto cercando di fare.
<!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>Documento senza titolo</title>
<style>
input, label{ display:block;}
</style>
</head>
<body>
<button id="button">bottone</button>
<img src="gufi.png" />
<form action="elaborazione.php" method="GET">
<fieldset>
<legend>I miei dati personali</legend>
<label for="nome">Inserisci il tuo nome</label>
<input type="text" id="nome" name="nome" />
<label for="cognome">Inserisci il tuo cognome</label>
<input type="text" id="cognome" name="cognome" />
<input type="submit" value="Invia al server" />
</fieldset>
</form>
<script>
function f() {
var request=new XMLHttpRequest();
request.open("GET", "elaborazione.php");
request.send(null);
request.onreadystatechange=function () {
if (request.status==200 && request.readyState==4) {
var p=document.createElement("p")
p.innerHTML=request.responseText;
document.body.appendChild(p);
}
}
}
button.onclick=f;
</script>
</body>
</html>
In pratica voglio inserire semplicemente un nome e cognome in un form. Inviare i relativi dati ad uno script php e poi recuperarli con una chiamata Ajax (dal tag button) che mi agganci il testo ottenuto alla pagina da cui parte la chiamata Ajax.
Il problema sta nel fatto che inviando i dati dal form dopo il submit dello stesso mi viene sovrascritta la pagina di base.
Vi chiedo innanzitutto, è possibile un esercizio del genere? Oppure sono fuori strada?
Che consigli mi date a riguardo? Accetto qualsiasi spiegazione!!
Grazie a tutti e scusate la lunghezza del post.
CIAO
Vi posto il codice e vi spiego quello che sto cercando di fare.
<!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>Documento senza titolo</title>
<style>
input, label{ display:block;}
</style>
</head>
<body>
<button id="button">bottone</button>
<img src="gufi.png" />
<form action="elaborazione.php" method="GET">
<fieldset>
<legend>I miei dati personali</legend>
<label for="nome">Inserisci il tuo nome</label>
<input type="text" id="nome" name="nome" />
<label for="cognome">Inserisci il tuo cognome</label>
<input type="text" id="cognome" name="cognome" />
<input type="submit" value="Invia al server" />
</fieldset>
</form>
<script>
function f() {
var request=new XMLHttpRequest();
request.open("GET", "elaborazione.php");
request.send(null);
request.onreadystatechange=function () {
if (request.status==200 && request.readyState==4) {
var p=document.createElement("p")
p.innerHTML=request.responseText;
document.body.appendChild(p);
}
}
}
button.onclick=f;
</script>
</body>
</html>
In pratica voglio inserire semplicemente un nome e cognome in un form. Inviare i relativi dati ad uno script php e poi recuperarli con una chiamata Ajax (dal tag button) che mi agganci il testo ottenuto alla pagina da cui parte la chiamata Ajax.
Il problema sta nel fatto che inviando i dati dal form dopo il submit dello stesso mi viene sovrascritta la pagina di base.
Vi chiedo innanzitutto, è possibile un esercizio del genere? Oppure sono fuori strada?
Che consigli mi date a riguardo? Accetto qualsiasi spiegazione!!
Grazie a tutti e scusate la lunghezza del post.
CIAO
Ultima modifica:
