Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    258

    Visualizzare dati db mysql senza aggiornare pagina [jquery mobile]

    Salve, sto sviluppando un app in jquery mobile, dove tramite un form vado ad inserire con php in un database mysql dei dati. Fin qui tutto ok, il problema si manifesta quando voglio leggere i valori sul server, perchè utilizzando un sistema a più pagine su un unica pagina (index.php), quest'ultima non viene ricaricata e quindi non mi visualizza i dati appena inseriti. Come posso fare che quando l'utente va nella scheda visualizza dati, riesco a vedere tutti i dati presenti senza dover aggiornare la pagina manualmente?

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    il database lo devi interrogare via ajax e questa richiesta asincrona doverebbe partire al pageshow, quindi ogni volta che la pagina viene mostrata

    ciao

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    258
    Ciao, sapresti indicarmi qualche guida o esempio al riguardo?

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    niente di specifico: una ricerca con chiave "jquery ajax php mysql" (per esempio) ti da un' infinita' di spunti, se e' quello che cerchi
    se invece hai un minimo di dimistichezza con jquery ti basta leggere la documentazione di .ajax()

    Dopo penserai a come integrarlo con jquery mobile (che e' appunto semplicemente lanciare questa richiesta al pageshow)

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    258
    Ciao, normalmente riesco già a inviare e leggere i dati dal db in modo asincrono, il problema e con jquery mobile che non funziona, forse sbaglio qualcosa li...

    Ecco lo script che uso e che funziona se utilizzato esternamente a jquery mobile...

    codice:
    <script type="text/javascript">$(document).ready(function() { 
    $("#bottone").click(function(){
     
    var dati = $("#form1").serialize(); //recupera tutti i valori del form automaticamente
     
    //form invio dati post ajax
      
    //invio
    $.ajax({
    type: "POST",
    url: "salva.php",
    data: dati,
    dataType: "html",
    success: function(msg)
    {
    $("#risultato").html(msg);
     
    },
    error: function()
    {
    alert("Chiamata fallita, si prega di riprovare...");
    }
     
    });//ajax
     
    });//bottone click
    }); 
    </script>

    Ultima modifica di sixdas; 19-01-2014 a 13:46

  6. #6
    Utente di HTML.it
    Registrato dal
    Mar 2011
    Messaggi
    258
    nessuno?

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.