Holen Sie sich Daten von der DB alle 5 Sekunden und senden Sie es durch AJAX zu Ansichten

Question

Ich brauche etwas Hilfe. Ich möchte den Google Maps-Marker alle 5 Sekunden mit Daten von db (mssql) aktualisieren.

I JsonResult Hexe Rückkehr tabel Liste haben:

[System.Web.Mvc.HttpGet] 
    JsonResult LoadDB() 
    { 
     EagleDBEntities db = new EagleDBEntities(); 

     return Json(db.Coordinates.ToList(), JsonRequestBehavior.AllowGet); 
    } 

Und mein Ajax-Code in Ansichten

 function getData() { 

      $.ajax({ 
       type: "GET", 
       url: "Home/LoadDB", 
       contentType: "application/json;charset=utf-8", 
       dataType: "json", 
       success: function (result) { 

        $.each(data.items, function(item) { 
         alert('long:'+item.longitude +' lat:'+item.latitude); 
        }); 
       }, 
       error: function (response) { 

        alert('error'); 
       } 
      }); 

Im und ich bekomme Fehleralarm, ich bin nicht aus der Datenbank Empfangen von Daten :(

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:7279/Home/LoadDB 

Answer 1

Ich reparierte es.

HomeController.cs:

[HttpGet] 
    public JsonResult LoadDB() 
    { 
     EagleDBEntities db = new EagleDBEntities(); 
     var cor = db.Lokalizacja   
      .Select(a => new 
      { 
       szerokosc = a.szerokosc, 
       dlugosc = a.dlugosc 
      }); 

     return Json(cor, JsonRequestBehavior.AllowGet); 
    } 

Maps.cshtml:

 function getData() { 

     var counter = 0; 
     interval = window.setInterval(function() { 
      counter++; 

      $.ajax({ 
       type: "GET", 
       url: "LoadDB", 
       contentType: "application/json;charset=utf-8", 
       dataType: "json", 
       success: function (data) { 
        $.each(data, function (i, item) { 

         moveMarker(item.szerokosc, item.dlugosc); 

        }); 
       }, 
       error: function (response) { 

        alert('eror'); 
       } 
      }); 



      marker.setPosition(pos); 
      if (counter >= 1000) { 
       window.clearInterval(interval); 
      } 
     }, 10); 




    }; 

Answer 2

Sie haben nur einen JavaScript-Timer-Setup wie dieses:

setInterval(function(){ getData(); }, 3000);