粘贴事件jQuery的AJAX调用有问题

Question

I am trying to get the pasted contents of a form text field to trigger an AJAX action which connects to a php script to deal with the data and then sends the relevant response.

The php script is working perfectly so I know the problem isn't there.

The jQuery function also works perfectly, by alerting whatever is pasted into the text field if I do this

$(document).ready(function(){

    $('input').on('paste', function () {

    var capture = this;

      setTimeout(function () {

          var url = $(capture).val();

          alert (url);

      }, 100);  

   });  
});

But when I try to add the AJAX business it all fails.

I'm obviously doing it wrong but I don't know the correct way to do it. The way I'm calling AJAX is the same method I use in a whole bunch of other scripts and it works fine in those so it must be to do with where it's being called.

I've tried (left off the doc ready to save clutter) :

$('input').on('paste', function () {

var capture = this;

    setTimeout(function () {

        var url = $(capture).val();

    }, 100);

        var data = {
                    'action': 'myAction',
                    'security': $( '#my-nonce' ).val(),
                    'url' : url,
                    'check' : check
                   };

        $.post(myajax.ajaxurl, data, function(response) {

                    alert(response);

        }           
});

And also tried :

$('input').on('paste', function () {

var capture = this;

    setTimeout(function () {

        var url = $(capture).val();

        var data = {
                    'action': 'myAction',
                    'security': $( '#my-nonce' ).val(),
                    'url' : url,
                    'check' : check
                   };

        $.post(myajax.ajaxurl, data, function(response) {

               alert(response);

        } 

    }, 100);

});

And I've also tried setting the url var directly in the data var :

var data = {
            'action': 'myAction',
            'security': $( '#my-nonce' ).val(),
            'url' : $(capture).val(),
            'check' : check
           };

But nothing is working.

I suspect this is to do with the setTimeout function. Is there a specific way of firing an AJAX call when also using setTimeout?

Just for clarity. I'm trying to trigger an AJAX call on paste event.

Answer 1

try to increase the time, I mean setTimeout(function(){... ,1000} try experimenting with different times.

If you get the answer then your post call is eating up the time.