NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Ajax odesílá dva požadavky POST

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
Pokorný Martin
Člen
Avatar
Pokorný Martin:14.8.2017 12:20

Ahoj,

už si nevím rady co s tím.

mám script na ovládání několika checkboxů. Po kliknutí na některý z nich volá pomocí ajaxu POSTem php script, který provede akci - zápis do dtb - zapnuto (1) / vypnuto (0)

vše funguje až na to, že do dtb jdou dva požadavky na zápis poprvé stavu ve kterém je checkbox před kliknutím na něj a ve stejný okamžik novou hodnotu

Pomocí firebugu se mi to potvrdilo - viz obrázky.
html:

<div class="onoffswitch">
                                <input type="hidden" value="<?=$value["id"]; ?>" />

                                <input type="checkbox" class="onoffswitch-checkbox"
                                    <?php if($value['manual']==1){echo "checked"; }?>
                                       id="myonoffswitch<?=$value["id"]; ?>" <?php if($value['disable']==1)echo "disabled";?>>

                                <label class="onoffswitch-label" for="myonoffswitch<?=$value["id"]; ?>">


                                    <label class="onoffswitch-label" for="myonoffswitch<?php echo $value["id"]; ?>">
                                        <div class="onoffswitch-inner"></div>
                                        <div class="onoffswitch-switch"></div>
                                    </label>
                            </div>

js:

     $('.onoffswitch').click(function() {
//add this bellow line;
          var message_DIV = $(this).closest('div.onoffswitch').parent().children('div').eq(1);
          var hiddenValueID = $(this).children(':hidden').val();
          if ($(this).children(':checked').length == 0)
          {
               var valueData = '0';
          }
          else
          {
               var valueData = '1';
          }

          $.ajax({
               type: "POST",
               url: "ajax.php",
               data: {value: valueData, id: hiddenValueID},
               success: function(html) {
                    message_DIV.html(html);
               }
          });

     });

v PHP jen zpracuji ten POST

poradíte mi prosím někde kde je chybka?

 
Odpovědět
14.8.2017 12:20
Avatar
Wal De Mar-Lad
Člen
Avatar
Wal De Mar-Lad:14.8.2017 13:08

Skúsil si miesto "click" udalosti aj udalosť "change"?

$('.onoffswitch').change(function() { ... })
Editováno 14.8.2017 13:08
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
+2
14.8.2017 13:08
Libraries over frameworks...
Avatar
Pokorný Martin
Člen
Avatar
Pokorný Martin:14.8.2017 14:21

SUPER!!! - díky moc - taková blbina...

 
Nahoru Odpovědět
14.8.2017 14:21
Avatar
Wal De Mar-Lad
Člen
Avatar
Odpovídá na Pokorný Martin
Wal De Mar-Lad:14.8.2017 14:23

Rado sa stalo.

Nahoru Odpovědět
14.8.2017 14:23
Libraries over frameworks...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.