Htykuut

Hi guys i am having issue such that when the ajax retrieve data the database on the dashboard for a specific period of time. it would throw me an error saying that localhost:59927 is undefined.

Here is the code in using the ajax.

Note: I have tried to switch the interval to timeout as interval create a bunch of ajax request while timeout only create once after a specific period of time and it did not help.

 var marker1 = ;

 var circle = ;





 L.Circle.include({

contains: function (latLng)

{

    return this.getLatLng().distanceTo(latLng) < this.getRadius();

}

 });

 $.ajax({

type: "GET",

url: 'http://localhost:59927//api//Values//FlagingDevice(WithoutParameters)',

success: function (data, status, xhr)

{

    for (var i = 0; i < data.Table.length; i++)

    {

        circle[i] = L.circle([data.Table[i].Latitude, data.Table[i].Longitude], 50, { color: '#DA2E2E', opacity: 2, fillColor: 'blue', fillOpacity: .3 }).addTo(map);

    }

},

error: function (xhr)

{

    alert(xhr.responseText);

}

 });





  function innerOne()

  {



$.ajax({

    type: "GET",

    url: 'http://localhost:59927//api//Values//FlagingDevice(WithoutParameters)',



    success: function (data, status, xhr)

    {

        for (var s = 0; s < marker1.length; s++)

        {

            map.removeLayer(marker1[s]);

        }



        for (var i = 0; i < data.Table.length; i++)

        {

            var value = i + 1;



            if (circle[i].contains(L.latLng([data.Table[i].Latitude, data.Table[i].Longitude])))

            {

                var customPopup1 = 'Station: ' + data.Table[i].StationName;



                var customOptions1 =

                {

                    'maxWidth': '500',

                    'className': 'custom'

                };



                circle[i].bindPopup(customPopup1, customOptions1);

                setTimeout(function () { innerOne(); }, 30000);

            }



            else

            {

                marker1[i] = L.marker([data.Table[i].Latitude, data.Table[i].Longitude]).addTo(map);



                var customPopup = 'Latitude: ' + data.Table[i].Latitude + '</br>Longitude: ' + data.Table[i].Longitude

                    + '</br>Station: ' + data.Table[i].StationName + ' </br>Box: ' + data.Table[i].Name + '</br>Timestamp: ' + data.Table[i].LocationSend + `<br/><a target='_blank' href='/Home/History?DeviceID=${value}' style='color: #000000'>Click Here For Location History</a><br/>`;



                marker1[i].bindPopup(customPopup);

                setTimeout(function () { innerOne(); }, 30000);

            }

        }

    },

    error: function (xhr)

    {

        alert(xhr.responseText);

    }

});

 }