Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026

    Ajax semplice richiesta onclick

    Ciao a tutti sto approcciandomi piano piano ad ajax

    sono riuscito a fare un semplice script che mi carica dei dati da una pagina php che riceve i dati dalla index

    o meglio
    index.php:
    codice:
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    
    function ajax()
    {
    
    $.ajax({type: "GET",url: "test.php",data: "id=2",success: function(response){
    $("#output").html(response).hide().fadeIn("slow");}
    
    });
    
    }
    
    
    </script>
    
    <input type="submit" id="pippo" onclick="ajax()"/>
    <div id="output"></div>

    fin qui tutto ok funziona

    ma io volevo far in modo di togliere l'attributo onclick dal tag <input>

    quindi vorrei fare qualcosa del genere:
    codice:
    $("#pippo").click(ajax());
    
    function ajax()
    {etc etc}
    solo che non funziona in questa maniera,o meglio funziona sempre anche se non clikko il pulsante input

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,655
    ciao, dai un id al tag input id="test"

    nel js
    $(document).ready(function() {
    $('#test').bind('click', function(){
    //fai qualcosa....
    });
    });

  3. #3
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    grazie mille m4rko ma scusa se ti chiedo una cosa ancora

    quel .bind() cosa significa?

    grazie

  4. #4
    Utente di HTML.it L'avatar di ispuk
    Registrato dal
    Jan 2009
    Messaggi
    1,026
    comunque sto provando ma non funziona mi nasconde l'input al caricamento della pagina :O

    codice:
    <script type="text/javascript">
    $(document).ready(function(){
    
    $("pippo").bind('click',function(){
    
        
    $.ajax({type: "GET",url: "test.php",data: "id=1",success: function(response){
    $("#output").html(response).hide().fadeIn("slow");}
    });
    });
    
    });
    
    
    
    </script>
    eppure mi sembra sintatticamente giusta....magari dimentico qualcosa ?

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.