Ajax request / unable to empty the global variable

Question

I am very new to Javascript/jquery and async. I read a lot in this forum. But i did not find a solution for my problem.

i get a JS File (logger.js) from a data logger like:

ab[cd++]="data1"
ab[cd++]="data2"
ab[cd++]="data3"
...

i try to load this file in a mobile App.

var ab = [];
var cd = 0;

with an ajax call:
    $.get("logger.js", function() {
        alert(ab.length); //3  works fine for the first request 
    });
....
ab.length = 0; //doesnt work.

on the second request ab.length is 6, on the third request ab.length is 9 and so on.

Where is the place to empty ab?

Answer 1

You should redefine ab as an empty array:

ab = [];

Be aware that you are performing an ASYNC call, so make sure that you redefine your ab variable inside the callback function (my guess, i dont know where you are using it):

$.get("logger.js", function() {
    //do something with ab here and then redefine it.
    ab = [];
});