Inserire record senza abbandonare la pagina

[Bivio]

Salve, ho creato un script, che tramite dei form vado a inserire dei valori in un database mysql. Al momento ho una pagina con il form e una pagina dove viene eseguita la query. Vorrei che al momento che vengono aggiunti dei nuovi dati l'utente rimanga sempre sulla stessa pagina, un po come accade con gmail quando eliminiamo un email, compare solo un avviso ma la pagina non cambia e non viene caricata. Potete darmi una mano?

 

[borgo italia]

ciao
potresti fare tutto in una stessa pagina

<?php
if(isset($_POST['pinco'])){//il submit
//qui tutta la parte di lettura dei post dal form
//e la query di inserimento
//con un eventuale refresh della pag
echo "<meta http-equiv='Refresh' content='0; URL=".htmlspecialchars($_SERVER['PHP_SELF'])."'>";
}else{
//e qui tutto il form (in php con echo o entrando/uscendo da php in html puro
}
?>

oppure nella pag in cui inserisci mettendo alla fine

echo "<meta http-equiv='Refresh' content='0; URL=pagina_col_form.php'>";

dove al posto di pagina_col_form.php metti il nome della tua pag col form

 

[Eliox]

Potresti anche effettuare l'inserimento tramite Ajax, in questo modo ti eviteresti anche il caricamento della pagina.

 

[borgo italia]

ciao vampiro
posto un esempio

 

[Bivio]

Grazie ragazzi per l'attenzione. Allora al momento gia utilizzo il secondo metodo del primo post, ma quello che vorrei fare e quello che dice Eliox, inserire i dati evitando di caricare la pagina.

Borgo, nel tuo ultimo messaggio hai inserito qualche esempio? perchè non mi compare nulla

thx

 

[borgo italia]

ciao

Borgo, nel tuo ultimo messaggio hai inserito qualche esempio? perchè non mi compare nulla
thx

ho sbasgiato a scrivere, volevo dire posta non posto.
spera che eliox abbia voglia di lavorare

"vogla di lavorar saltami addosso e...."

 

[Bivio]

ah ok . Nel frattempo sto provando a fare qualche ricerca

Ne approfitto per fare un altra domanda, ditemi se va bene oppure e opportuno che apra un altra discussione. In pratica lo script che ho creato e per l'ufficio dove lavoro per la gestione di pagamenti e pratiche ecc..(prima facevamo tutto con excel ) In pratica tutti i dati vanno divisi per settimane, quindi ogni settimana ci sono dei dati diversi. Attualmente ho creato delle tabelle "contenitore" dove poi tramite delle query estraggo i dati che mi servono. Ora siccome sto aggiornando lo script secondo voi mi conviene tenere la stessa struttura oppure fare per ogni settimana la sua tabella?


PS: lo capisco se la voglia di lavorare non c'è :dipser:


:byebye:

 

[borgo italia]

ciao
ti converrebbe postare nella sezione database (usi mysql con php?).
comunque, così a naso, non ti conviene fare innumerevoli tabelle, ma nella contenitore agggiungere il campo settimana che poi userei nella query per estarre i dati della settimana

 

[Bivio]

ok, ora provo a fare un prova se i dati verrebbero suddivisi bene. Per il database si uso mysql. Lo script attualmente e online, ma il nuovo dovrà girare in locale, mi consigli qualche alternativa a mysql?

 

[borgo italia]

ciao
penso che mysql vada bene e php+mysql è un'ottima accoppiata.
io ci lavoro sia in locale che remoto

 

[Bivio]

ok, allora aspettiamo qualche esempio da Eliox

:byebye:

 

[Bivio]

Salve ragazzi, nessuno sa consigliarmi nulla? ho fatto varie ricerca ma non ho trovato nulla...forse sbaglio io a cercare

 

[criric]

Piccolo esempio di chiamata ajax

pagina del form

<script type="text/javascript">
    var xmlHttp = getXmlHttpObject();

    function insert_con_ajax(valore){    
        // attenzione a metere l'indirizzo giusto della pagina che elabora la richiesta
        xmlHttp.open('GET', 'request.php?valore='+valore, true);
    
        xmlHttp.onreadystatechange = function inserisci() {
   
            if(xmlHttp.readyState == 4) {
        
                if (xmlHttp.status == 200) {            
                    // stampa nel div con id messaggio tutto ciò che va in output nella pagina reques.php 
                    document.getElementById("messaggio").innerHTML=xmlHttp.responseText;             
           
                }
            }  
        };     
        xmlHttp.send(null);
    }
    
    function prendiValore(campo) {       
        return document.getElementById(campo).value;        
    }  
    
    function getXmlHttpObject() {
        
        var xmlHttp=null;
        if (window.XMLHttpRequest) {
            // IE7+, Firefox, Chrome, Opera, Safari
            xmlHttp = new XMLHttpRequest();
        }
	
        if (window.ActiveXObject) {
            // IE5, IE6
            xmlHttp =  new ActiveXObject("Microsoft.XMLHTTP");
        }
	
        return  xmlHttp;
    }
    
</script>
<input type="text" id="valore" name="valore"/>
<input type="button" value="Inserisci" onclick="insert_con_ajax(prendiValore('valore'));"/>

<!-- qui verrà mostrato il messaggio -->

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

pagina che elabora la richiesta

reques.php

<?php

$valore = $_REQUEST['valore'];

// qui puoi fare la insert
$query = "INSERT INTO tabella SET valore = '$valore'";


// qui stampi il messaggio
echo "Valore inserito con successo <br/>" . $query . "<br/>";
?>

Nono molto esperto, questo è un semplice esempio che ho imparato e sto usando

Se non ti funziona subito puoi mettere degli alert nel codice javascript per capire dove è l'errore

 

[Eliox]

Un esempio semplice semplice basato su jQuery

 

[Bivio]

Grazie ragazzi, mi studio il materiale e faccio sapere

:byebye:

 

[Bivio]

Piccolo esempio di chiamata ajax

pagina del form

<script type="text/javascript">
    var xmlHttp = getXmlHttpObject();

    function insert_con_ajax(valore){    
        // attenzione a metere l'indirizzo giusto della pagina che elabora la richiesta
        xmlHttp.open('GET', 'request.php?valore='+valore, true);
    
        xmlHttp.onreadystatechange = function inserisci() {
   
            if(xmlHttp.readyState == 4) {
        
                if (xmlHttp.status == 200) {            
                    // stampa nel div con id messaggio tutto ciò che va in output nella pagina reques.php 
                    document.getElementById("messaggio").innerHTML=xmlHttp.responseText;             
           
                }
            }  
        };     
        xmlHttp.send(null);
    }
    
    function prendiValore(campo) {       
        return document.getElementById(campo).value;        
    }  
    
    function getXmlHttpObject() {
        
        var xmlHttp=null;
        if (window.XMLHttpRequest) {
            // IE7+, Firefox, Chrome, Opera, Safari
            xmlHttp = new XMLHttpRequest();
        }
	
        if (window.ActiveXObject) {
            // IE5, IE6
            xmlHttp =  new ActiveXObject("Microsoft.XMLHTTP");
        }
	
        return  xmlHttp;
    }
    
</script>
<input type="text" id="valore" name="valore"/>
<input type="button" value="Inserisci" onclick="insert_con_ajax(prendiValore('valore'));"/>

<!-- qui verrà mostrato il messaggio -->

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

pagina che elabora la richiesta

reques.php

<?php

$valore = $_REQUEST['valore'];

// qui puoi fare la insert
$query = "INSERT INTO tabella SET valore = '$valore'";


// qui stampi il messaggio
echo "Valore inserito con successo <br/>" . $query . "<br/>";
?>

Nono molto esperto, questo è un semplice esempio che ho imparato e sto usando

Se non ti funziona subito puoi mettere degli alert nel codice javascript per capire dove è l'errore

Ciao, ho provato il tuo esempio, ma non mi funziona, potresti spiegarmi meglio i passaggi da fare? e sopratutto puoi farmi un esempio con più valori da gestire?

Grazie mille

 

[criric]

Ciao,
per far fuzionare il mio esempio è sufficente copiare e incollare le due pagine in una cartella del tuo server
e indicare al browser la prima pagina

Nella prima pagine c'è sia il form che il codice js per la richiesta ajax

nella seconda il processo php che elabora la richiesta

Ciao, ho provato il tuo esempio, ma non mi funziona

non aiuta a capire il perchè non ti funziona, dovresti postare il codice che hai scritto o almeno gli errori che hai riscontrato

 

[Bivio]

Ciao,
per far fuzionare il mio esempio è sufficente copiare e incollare le due pagine in una cartella del tuo server
e indicare al browser la prima pagina

Nella prima pagine c'è sia il form che il codice js per la richiesta ajax

nella seconda il processo php che elabora la richiesta



non aiuta a capire il perchè non ti funziona, dovresti postare il codice che hai scritto o almeno gli errori che hai riscontrato

Lo script apparentemente funziona correttamente, ma l'errore che ho riscontrato e che non viene inserito nulla nel database. Ho utilizzato il codice da te postato senza modificare nulla....

 

[criric]

Beh, avevo omesso la connessione al db e l'esecuzione della query

<?php

// ti connetti al tuo db
$conn = mysql_connect('localhost', 'root', '', 'database');
$db = mysql_select_db('database');

// recuperi il valore
$valore = $_REQUEST['valore'];

// prepari la query
$query = "INSERT INTO tabella SET valore = '$valore'";

//la esegui
$res = mysql_query($query);

// qui stampi il messaggio
if ($res) {
    echo "Valore inserito con successo";
} else {
    echo "Errore <br/>" . $query . "<br/>" . mysql_error();
}
// chiudi la connessione
mysql_close();
?>

è normale che non fa la insert se non esegui la query

 

[Bivio]

L'avevo aggiunta io la connessione, facevo un errore stupido non richiamavo il file dal server locale (xampp) quindi la parte in php non funzionava Ti chiedo un ultima cosa puoi farmi un esempio o spiegarmi, come fare quando si hanno piu valori da inserire?