Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    [Jquery] Invio Form con $.ajax ma la pagina si ricarica

    Salve a tutti
    sto provando ad inviare i dati di un form ad uno script php con jquery e $.ajax.
    questo è il codice della pagina index.html
    codice:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script>
    	$(document).ready(function(){
    		$('#submit').click(function(){
    			$.ajax({
    				type: "POST",
    				url: "index.php",
    				data: "name=John&location=Boston",
    				cache: false,
    				success: function(html)
    					$('#risposta').html(html);
    				}
    			});
    		});
    	});
    </script>
    </head>
    <body>
    	<div id="risposta" style="width:200px; height:150px; border:1px solid black;">
    	</div>
    <form method="POST" action="" name="signup">
    <input type="text" name="Email" id="email" value="scrivi"/>
    <input type="submit" id="submit" value="Invia" />
    </form>
    </body>

    e questo è il semplice codice della pagina index.php:

    codice:
    <?
    echo "ciao"
    ?>
    Lo script php in questo caso è molto semplice mi serve solo per verificare se la richiesta funziona.
    Solo che quando premo su INVIA la pagina viene ricaricata (cioè compare per un attimo la barra di caricamento di Firefox e nel div #risposta non compare il testo presente nel file php e cioè ciao.
    dove sbaglio?
    è tutta la mattina che ci sbatto la testa e pensare che ho gia usato in passato questo metodo senza problemi ma adesso davvero non riesco a capire dov'è il problema.
    Grazie in anticipo per il vostro tempo
    ciao

    P.s.
    lo script lo sto provando in locale è sia index.html che index.php sono nella stella directory

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    i dati del form li invii con ajax allora perche effettui anche il submit? prova a toglierlo vedrai che è questo il problema

  3. #3
    in che senso togliere il submit?
    Intendi il pulsante <input type="submit">?
    e farlo diventare <input type="button">??
    Grazie per il tuo tempo

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    esatto...

  5. #5
    Perfetto...funziona....grazie infinite
    anche se in giro tipo qui , utilizza type=submit e utilizza come evento di invio $(form).submit() e poi fa la richiesta ajax...ho provato a fare lo stesso io ma non funzionava....
    cmq grazie infinite....

  6. #6
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    puoi farlo anche cosi pero ci devi mettere "return false;" alla fine del metodo per non far ricaricare la pagina. Nel codice che hai postato non c'è...

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.