jquery $.post action called 2 time

Question

I use a jquery post to send data to a simple php page:

$( "body" ).on( "keyup", ".attribuzioneabbonamento", function(){
    var AbbonamentoCodice = $(this).val();
    var IdRiga = $(this).attr('dd');

        if(AbbonamentoCodice.length == 13){

                $.post("engine.php",
                {
                    Action: 'attribuisciabbonamento',
                    Code: AbbonamentoCodice,
                    IdRiga: IdRiga
                },

                function(data, status){
                    if(status == 'success'){
                        $('.abbonamentorisposta'+IdRiga).html(data);

                    }else{

                    }

              });


        }
});

It works, but the problem is that every time the post is executed 2 times.

Why is it called 2 times?

Presumably your `keyup` event is firing twice. Or you have other code not shown here which is causing the problem. Or perhaps you've made a mistake or false assumption in your debugging. Can you clarify? — David, May 26 '18 at 11:50
How are you determining the post occurs twice vs something occurring twice server side using one post? — charlietfl, May 26 '18 at 11:51
i know is called 2 times return status change first call
success
after 1 "micro" second print
fail — Nicola Lorenzini, May 26 '18 at 12:15

Nandita Sharma · Answer 1 · 2018-05-26T12:48:08.983

1

Try this function. May be you are binding the same function twice somehow. So unbind the previous bound function with off()

The $( "body" ).off("input.myinput") will unbind only your bound keyup function and not any other keyup events bound on body.

 $( "body" ).off("input.mykeyup").on( "input.myinput", ".attribuzioneabbonamento", function(){
    var AbbonamentoCodice = $(this).val();
    var IdRiga = $(this).attr('dd');

        if(AbbonamentoCodice.length == 13){

                $.post("engine.php",
                {
                    Action: 'attribuisciabbonamento',
                    Code: AbbonamentoCodice,
                    IdRiga: IdRiga
                },

                function(data, status){
                    if(status == 'success'){
                        $('.abbonamentorisposta'+IdRiga).html(data);

                    }else{

                    }

              });


        }
});

edited May 26 '18 at 12:48

answered May 26 '18 at 11:52

Nandita Sharma

13,287
2
22
35

are you using shift+somekey at the thirteenth time? – Nandita Sharma May 26 '18 at 12:41
https://stackoverflow.com/q/17384218/4990572 try input event instead of keyup. may be this post is what your issue is – Nandita Sharma May 26 '18 at 12:45
the input field its inserted in the page with a same call Like – Nicola Lorenzini May 26 '18 at 12:47
the input field its inserted in the page with another function using $.post is not present already in a dom of page – Nicola Lorenzini May 26 '18 at 12:55
@NicolaLorenzini Did you try changing the keyup event to “input” event? – Nandita Sharma May 26 '18 at 13:22
I'm trying to make a demo by isolating the code to see the behavior – Nicola Lorenzini May 26 '18 at 15:12
Nandita Arora Sharma, i ve tried as u told me ...change keyup to input, that work!!! thx!! i dunno why i didnt found a bug just change and call only 1 time thxs to everyone guys!!! – Nicola Lorenzini May 26 '18 at 15:45
Thanks – Nandita Arora Sharma – Nicola Lorenzini May 26 '18 at 16:25
you are most welcoe @NicolaLorenzini :) – Nandita Sharma May 26 '18 at 17:15

jquery $.post action called 2 time

1 Answers1