[ajax]memorizzare variabili su database senza refresh

**danny21** · 05-05-2006, 23:38

Come si legge dal titolo vorrei realizzare una pagina di questo tipo... è tutto il giorno che provo con svariati tipi di codice ma per ora i miei sforzi sono inutili... praticamente vorrei fare una cosa simile:

io ho una pagina in cui vi è un piccolo form, praticamente un solo text input. Vorrei fare in modo che dopo aver inserito un dato nell'imput e aver cliccato sul pulsante per inviare il dato venisse memorizzato su database di tipo mysql senza che venga effettuato il refresh della pagina.

Io stavo facendo delle prove inviando, ad esempio, il dato ad una pagina php che non venga visualizzata, nella quale ci sono le istruzioni per memorizzare sul database ma non funziona. Qualcuno ha qualche suggerimento?

**br1** · 06-05-2006, 00:17

Potrebbe esserci d'aiuto, nell'aiutarti, vedere il codice che hai realizzato... dato che il problema che descrivi potrebbe essere affrontato con diversi approcci.

Posta la pagina che lavora lato client... o un link alla stessa.

ciao

**danny21** · 06-05-2006, 00:31

Provo a postarti qualcosa... in questa prova cercavo di inviare i dati ad una pagina php e farmi restituire un valore su un div presente nella pagina del form.

questo è il file form.html

<html>
<head>
<script type="text/javascript" src="engine.js"></script>
</head>

<script type="text/javascript">
function submit_form() {

var name = document.getElementById('name').value;

url = 'esegui.php?name=' + escape(name) ;

ajax_get (url, 'result');

}
</script>

<body>
div id="result">

</div>

Nome: <input type="text" name="name" id="name" />

<input type="button" onclick="submit_form();" value="Invia" />
</body>
</html>

il file engine.js contiene questi dati:

url = document.location.href;
xend = url.lastIndexOf("/") + 1;
var base_url = url.substring(0, xend);

var ajax_get_error = false;

function ajax_do (url) {

if (url.substring(0, 4) != 'http') {
url = base_url + url;
}

var jsel = document.createElement('SCRIPT');
jsel.type = 'text/javascript';
jsel.src = url;

document.body.appendChild (jsel);

return true;
}

function ajax_get (url, el) {

if (typeof(el) == 'string') {
el = document.getElementById(el);
}

if (el == null) { return false; }

if (url.substring(0, 4) != 'http') {
url = base_url + url;
}

getfile_url = base_url + 'getfile.php?url=' + escape(url) + '&el=' + escape(el.id);

ajax_do (getfile_url);

return true;
}

**br1** · 06-05-2006, 09:38

Non so quanto si sia perso con il copia-incolla... ma manca il segno < di apertura del tag div ed inoltre hai utilizzato una parola mooolto riservata per battezzare il campo del form... secondo te quando lo script incontra name deve capire che tu ti riferisci e vuoi che tratti un oggetto con quel nome/id o la sua proprieta' name?

correggi e riprova...

ciao

**danny21** · 06-05-2006, 09:48

il segno < effettivamente si è perso nel copia incolla ma è regolarmente al suo posto.
Per quanto riguarda il nome del campo del form è vero quello che dici ma anche cambiandolo non cambia le cose.

Piuttosto, se risulta troppo difficile correggere quello che ho scritto non potreste indicarmi uno degli altri modi che dicevi per risolvere il problema?

**br1** · 06-05-2006, 11:34

Per cose cosi' semplici, nelle quali non devi gestire una risposta dal server, si usa un piccolo trucco... ovvero si passano i parametri nella richiesta di una immagine nascosta:

function submit_form() {
var parametro = document.getElementById('TUOname').value;
MYimg = new Image();
MYimg.src = 'esegui.php?parametro=' + escape(parametro) ;
}

e togli pure tutto il resto

ma ricordati di farti restituire una qualunque piccola immagine.

ciao

Discussione: [ajax]memorizzare variabili su database senza refresh

Strumenti discussione

Ricerca discussione

Visualizza

[ajax]memorizzare variabili su database senza refresh

Permessi di invio