Page is not rendered after ajax call in chrome and IE

Question

Following call is failing in chrome and IE but works fine in firefox

        var count = 0;
        var timerId=setInterval(function(){
            jQuery.ajax({
            url :"test.htm",
            type : "POST",
            data : sendData,
            success:function(data){
                jQuery(".divClass").remove();
                jQuery("#myId").append(data).addClass("newClass");
                clearInterval(timerId);
                },
                error :function(data){
                    if(count == 20){
                        jQuery(".divClass").remove();
                        jQuery("#myId").append(data).addClass("newClass");
                        clearInterval(timerId);
                    }
                    count++;
                }
        });
           },1000);

In debugging control is lost at jQuery(".divClass").remove(); in success method. All that remains is the header of the modal box. After all of this call when I re run the append and remove calls from console they seem to work fine. Problem is happening only in the success method of ajax call.

I tried all the answers provided here. Any other suggestion is highly appreciated.

you forgot to close `setInterval()`: add this at the end of your script: `});` — Oliboy50, Aug 27 '14 at 22:18
you also need a length of time with the end of the `setInterval` (you probably know this) — Mic1780, Aug 27 '14 at 22:20
I might be wrong, but is this actually working (scope)? `clearInterval(timerId);` — emerson.marini, Aug 27 '14 at 22:29
Similar code seems to work fine in chrome and ie here http://jsfiddle.net/ptm0jo52/1/ — ingo, Aug 27 '14 at 22:31

Page is not rendered after ajax call in chrome and IE

0 Answers0