Forum PHP.pl > Niepełne pobieranie przez $.getjson

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Niepełne pobieranie przez $.getjson

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

olszam

12.09.2017, 15:12:21

Mam aktualnie w kodzie pobieranie danych z pliku json przez $.getjson co 3 sekundy. Niby pobiera ale np. gdy zmienię ręcznie w pliku json dane to dalej mam pobieranie tych samych starych wartości.

[PHP] pobierz, plaintext 
<html>
 
<head>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <style>
        html,
        body,
        #map {
            height: 100%;
            margin: 0px;
            padding: 0px
        }
    </style>
    <script src="https://maps.google.com/maps/api/js?v=3.exp" type="text/javascript"></script>
</head>
<body>
    <div id="map"></div>
 
    <script type="text/javascript">
 
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 3,
            center: new google.maps.LatLng(0, 0),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });
 
        var infowindow = new google.maps.InfoWindow();
        var marker, i;
        var markers = [];
        loadmarkers();
        setInterval(function() {
            loadmarkers()
        }, 3000);
 
        function setAllMap(map) {
            for (var i = 0; i < markers.length; i++) {
                markers[i].setMap(map);
            }
        }
 
        function loadmarkers() {
            //makrery
            $.getJSON('https://test2-olszam.c9users.io/nowy/loc.json', function(data) {
                var locations;
                locations = [
                    ['śledź', data.latitude, data.longitude, 1]
                ];
 
                setAllMap(null);
                for (i = 0; i < locations.length; i++) {
 
                    marker = new google.maps.Marker({
                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                        map: map
                    });
                    markers.push(marker);
                    google.maps.event.addListener(marker, 'mouseover', (function(marker, i) {
                        return function() {
                            infowindow.setContent(locations[i][0]);
                            infowindow.open(map, marker);
                        }
                    })(marker, i));
 
                }
            });
        }
    </script>
</body>
 
</html>
[PHP] pobierz, plaintext

plik json

[PHP] pobierz, plaintext 
{"latitude":55.143296,"longitude":23.4346139}
[PHP] pobierz, plaintext

jak dam pełne odświeżenie to wtedy idzie tylko że w przeglądarce mobilnej to muszę czyścić ciacha więc trochę nie za bardzo mi to pasuje

głównie mi chodzi o to by na bieżąco co 3 sekundy pobierało świeże dane z pliku json.

sry za styl kodu nie mam w zwyczaju porządkować go.

trueblue

12.09.2017, 15:16:33

Po prostu dodaj do URL jakąś zmienną losową, np. timestamp.
Albo ustaw w .htaccess "czas życia" pliku na mniej niż 3 sekundy - nie wiem czy to ma w ogóle sens.

olszam

12.09.2017, 18:27:15

[PHP] pobierz, plaintext 
'https://test2-olszam.c9users.io/nowy/loc.json?'+Math.floor(Date.now() / 1000)
[PHP] pobierz, plaintext

póki co działa zobaczymy co będzie później, po jakimś czasie wyjdzie szydło z worka:D

sabat24

12.09.2017, 20:29:54

Będzie działać, bo dla przeglądarki to za każdym razem zupełnie inny plik. Możesz też spróbować dodać w htaccesie taki kod i wtedy bez zmiany nazwy linka, też powinno zadziałać. Ja tego używam do wymuszenia odświeżania css-ów i js-ów, więc dla json też raczej zadziała.

Kod

<Files .json>
Header unset Cache-Control
</Files>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.