Ciao.
Sono un novizio di JS/AJAX percui sono un po' in crisi su un problemino che immagino sia di semplice risoluzione..
Allora...
Ho una pagina in cui mostro i dati di un'azienda.
Sotto i dati ho messo un link "modifica" che con la sostituzione del div mi carica gli stessi dati all'interno di un form. Fino a qui tutto bene.
A quasto punto l'utente dovrebbe poter modificare i dati nei vari campi di imput e submittare tutto eseguendo le modifiche e sostituendo di nuovo il div con uno che mostra i dati modificati.
Qui ho qualche problema con il submit del form che mi aggiorna tutta la pagina.
Javascript per la sostituzione del div preso direttamente da qui
Codice PHP:
<script type="text/javascript" src="javascript/ajax/utility.js"></script>
<script type="text/javascript"><!--//
// funzione di caricamento testo,
// accetta una stringa contenente
// il nome di un file da leggere
function caricaTesto(nomeFile) {
// variabili di funzione
var
// assegnazione oggetto XMLHttpRequest
ajax = assegnaXMLHttpRequest(),
// assegnazione elemento del documento
elemento = prendiElementoDaId("contenuto-dinamico"),
// risultato booleano di funzione
usaLink = true;
// se l'oggetto XMLHttpRequest non è nullo
if(ajax) {
// il link al file non deve essere usato
usaLink = false;
// impostazione richiesta asincrona in GET
// del file specificato
ajax.open("get", nomeFile, true);
// rimozione dell'header "connection" come "keep alive"
ajax.setRequestHeader("connection", "close");
// impostazione controllo e stato della richiesta
ajax.onreadystatechange = function() {
// verifica dello stato
if(ajax.readyState === readyState.COMPLETATO) {
// verifica della risposta da parte del server
if(statusText[ajax.status] === "OK")
// operazione avvenuta con successo
elemento.innerHTML = ajax.responseText;
else {
// errore di caricamento
elemento.innerHTML = "Impossibile effettuare l'operazione richiesta.
";
elemento.innerHTML += "Errore riscontrato: " + statusText[ajax.status];
}
}
}
// invio richiesta
ajax.send(null);
}
return usaLink;
}
//--></script>
Link per la sostituzione del div con il form
Codice PHP:
<a href=\"contenuto.php?id_da_cambiare=$id_cliente\"
onclick=\"return caricaTesto(this.href);\"
onkeypress=\"return this.onclick();\">Modifica</a>
A questo punto come posso fare per fare le modifiche e modificare di nuovo il div con i dati appena modificati?
Grazie in anticipo