setTimeout an ajax call in jquery

Question

Is there a way to use setTimeout in this ajax call. This is my code:

jQuery.ajax({
    type    : "POST",
    url     : dir+"all/money/myFile.php",
    data    : "page="+data.replace(/\&/g, '^'),
    success : function(msg) {
    var info = jQuery('.product_overview #allinfo').html();
    var url = '<a href="http://www.mySite.com/openMe/letmeview.php?preview='+msg+'.html" target="_blank" class="check_link_preview" rel="'+msg+'.html">Check Preview</a>';          jQuery('.option_additional').next().find('textarea:first').text(info+url);
                },
    complete: function() {
    jQuery('.add-to-cart button.btn-cart').delay(500).trigger('click');
}
});

I want to do something before this ajax will be triggered that is why I'll use setTimeout or something that would delay this action.

How would I do that?

Thanks in advance :)

So if you want to use it - why didn't you just do that?! ;-) — zerkms
– zerkms, Commented Aug 8, 2011 at 6:38
Can you show me an example please using my code above. Thanks :) — PinoyStackOverflower
– PinoyStackOverflower, Commented Aug 8, 2011 at 6:44
any reason for that? "Won't work" is not an explanation of an issue. — zerkms
– zerkms, Commented Aug 8, 2011 at 6:47

Tols · Accepted Answer · 2011-08-08 06:56:41Z

2

Haven't used jquery with setTimeout before but try

var t = window.setTimeout(function, delay);

replace function in the above code with your jquery function.

answered Aug 8, 2011 at 6:56

Tols

511 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Alexander Beletsky · Accepted Answer · 2011-08-08 07:00:06Z

2

In a complete function:

complete: function () {
  setTimeout(function () {
     // your action here
  }, 500);
}

answered Aug 8, 2011 at 7:00

Alexander Beletsky

19.9k10 gold badges65 silver badges86 bronze badges

Comments

Milind Anantwar · Accepted Answer · 2013-01-23 10:10:55Z

1

You can use beforeSend, Example

$(function() {

    function callBeforeAjax() {
        alert('and now do ajax');
    }

    $.ajax({
        beforeSend: callBeforeAjax,
        type: "POST",
        url: "/",
        data: "",
        success: function(msg) {},
        complete: function(msg) {
            alert(msg);
        }
    });
});

Refer this

edited Jan 23, 2013 at 10:10

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

answered Aug 8, 2011 at 6:50

Marc Uberstein

12.6k4 gold badges47 silver badges73 bronze badges

6 Comments

zerkms Over a year ago

Uhm, cannot find delay property. Where have you taken it from?

zerkms Over a year ago

Also it should be beforeSend: callBeforeAjax, not beforeSend: callBeforeAjax()

Marc Uberstein Over a year ago

You don't need the delay property, coz the beforeSend will be called before the Ajax. I have updated my answer without the delay method, but I will add the reference now.

zerkms Over a year ago

lol, you had to put the reference to that plugin at first then. PS: I'm not the OP ;-)

Marc Uberstein Over a year ago

:) yeah, probably had to hey! LoL

|

zergussino · Accepted Answer · 2011-08-08 06:59:34Z

1

@Tols is right, it works. Try something like this: setTimeout(function(){jQuery('.add-to-cart button.btn-cart').trigger('click');}, 500);

answered Aug 8, 2011 at 6:59

zergussino

82111 silver badges15 bronze badges

Collectives™ on Stack Overflow

setTimeout an ajax call in jquery

4 Answers 4

Comments

Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related