Visualizzazione dei risultati da 1 a 8 su 8
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2011
    Messaggi
    144

    Richiesta ajax con ckeckbox

    Ciao a tutti,

    sono incappato in un piccolo problema con le richieste ajax. In pratica vorrei scatenare una richiesta ajax non appena attivo o disattivo una checkbox ma, invece, non ottengo nessun risultato.
    La richiesta ajax è la seguente:
    codice:
    <script type="text/javascript">		$("#on_off1").change(function() {
    			var checkedLength = $(this + ':checked').length;
    			$.ajax({
    				  type: "GET",
    				  data: "?LED=106",
    				  dataType: "text/html",
    				  url: "http://192.168.0.107",
    				  success: function( r ){
    						alert("Il led 1 è stato acceso ;)");
    				  },
    				  error: function(){
    					 $(".post_box_l1").html("Impossibile accendere il led 1");
    				  }
    			});
    		});
    		</script>
    mentre il codice html relativo alla checkbox è

    <div class="postlink">
    <div class="post_box">
    <span class="post_box_l1">Accendi led 1</span>
    <div class="on_off">
    <input type="checkbox" id="on_off1" />
    </div>
    </div>
    </div>

    Secondo voi perchè non ottengo nessun risultato?
    Ho provato a debuggare con firebug ma non mi ritorna nessun errore legato alla richiesta ajax

  2. #2
    Utente di HTML.it
    Registrato dal
    Oct 2014
    Messaggi
    539
    zTEST.zip
    non riesco a postare il codice continua a buttarmi fuori con errore 406
    quindi provo con uno zip

    ho cambiato url per provarlo e ho lasciato alcuni alert
    Ultima modifica di marino51; 22-02-2015 a 01:15

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    codice:
    $(document).ready(function(){
    $("#on_off1").on("click", function() {
                var checkedLength = $(this + ':checked').length;
                $.ajax({
                      type: "GET",
                      data: "?LED=106",
                      dataType: "text/html",
                      url: "http://192.168.0.107",
                      success: function( r ){
                            alert("Il led 1 è stato acceso ;)");
                      },
                      error: function(){
                         $(".post_box_l1").html("Impossibile accendere il led 1");
                      }
                });
            });
    })
    Se non dovesse funzionare metti la pagina online e posta il link, è molto improbabile che qualcuno si scarichi lo zip e ricrei il problema in locale
    Ultima modifica di cavicchiandrea; 22-02-2015 a 03:54
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Utente di HTML.it
    Registrato dal
    Oct 2014
    Messaggi
    539
    a onor del vero lo zip contiene il codice provato, che funziona,
    ma ieri sera non sono riuscito a postarlo in chiaro, continuava a dare errore 406
    quindi ho scelto di comprimerlo e postarlo in quel modo

    anche questa mattina, postando lo stesso codice tra tag html, stesso errore

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2011
    Messaggi
    144
    Grazie ragazzi. Nemmeno io posso postare del codice poichè la pagina mi ritorna un errore. Cmq... il codice di marino51 funziona effettivamente ma vorrei fare in modo di cambiare la label ON/OFF a seconda se la richiesta va a buon fine o no.
    In pratica vorrei aggiungere qualcosa come

    $(':checkbox').iphoneStyle({
    checkedLabel: 'ON',
    uncheckedLabel: 'OFF'
    });

    Ho inserito tali istruzioni all'inizio dello script ma queste cambiano solo la label mentre lo script non funziona più.
    Come dovrei posizionarle per ottenere il risultato desiderato?

  6. #6
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    @mbistato non conosco iphoneStyle ma direi che dovrai inserire la chiamata ajax al suo interno e in base al response imposterai ON/OFF
    @marino51 non lo metto in dubbio che funzioni, l'esperienza mi insegna che difficilmente si scaricano zip e si riproduce il problema in locale
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2014
    Messaggi
    539
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    @marino51 non lo metto in dubbio che funzioni, l'esperienza mi insegna che difficilmente si scaricano zip e si riproduce il problema in locale
    forse non è chiaro il concetto, NON SI RIESCE A POSTARE IL CODICE IN CHIARO, il forum restituisce errore 406
    per cortesia vedi anche il post precedente di mbistato

    se vuoi provare con il codice contenuto nel mio zip e indicare il motivo per cui si riceve errore 406, ti ringrazio fin da subito

  8. #8
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Quote Originariamente inviata da marino51 Visualizza il messaggio
    forse non è chiaro il concetto, NON SI RIESCE A POSTARE IL CODICE IN CHIARO, il forum restituisce errore 406
    per cortesia vedi anche il post precedente di mbistato
    E' chiarissimo, ma a prescindere dal problema (auspico momentaneo) che non funziona il forum per allegare del codice, ritengo che inserire uno zip in una discussione sia più difficile avere aiuti rispetto ad un link. Detto questo tu puoi proseguire come meglio credi.
    se vuoi provare con il codice contenuto nel mio zip e indicare il motivo per cui si riceve errore 406, ti ringrazio fin da subito
    Vale il discorso precedente non scarico nulla dal forum e non provo nulla, oltretutto se il problema persiste essendo un errore server non potrei farci nulla comunque, se lo ritieni contatta lo staff
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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.