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.

Aktivity

Pokorný Martin

Člen

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

Wal De Mar-Lad

Člen

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č

Nahoru Odpovědět

14.8.2017 13:08

Libraries over frameworks...

Pokorný Martin

Člen

Pokorný Martin:14.8.2017 14:21

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

Nahoru Odpovědět

14.8.2017 14:21

Wal De Mar-Lad

Člen

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.

Nejčastěji vyhledáváné

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