[ Príspevkov: 2 ] 
AutorSpráva
Offline

Čestný člen
Čestný člen
nacitanie JSON dat do html stranky

Registrovaný: 07.04.07
Prihlásený: 11.01.21
Príspevky: 4437
Témy: 84 | 84
Bydlisko: Rožňava
NapísalOffline : 22.12.2020 19:51 | nacitanie JSON dat do html stranky

Ahoj Ludia, potrebujem pomoct. Chcem nacitat JSON data z URL adresy a zobrazit tie data v jednoduchej HTML stranke. Nieco som nasiel na nete, ale nefunguje mi to a neviem kde je chyba.

Takze zacnem asi tym nestastnym retazcom, ten je v tomto tvare:
Kód:
{"label_ds3": "label", "label_ds2": "label", "label_ds1": "ZEM", "label_ds0": "VZDUCH", "label_ds5": "label", "label_ds4": "label", "humi_dht": 0, "temp_ds2": -127, "temp_ds3": -127, "temp_ds0": 1.4, "temp_ds1": 3.1, "temp_ds4": -127, "temp_ds5": -127, "label": "Air Probe", "temp_dht": 0}


Script mam vytvoreny takto:
Kód:
var externiData = new XMLHttpRequest();
var obnoveni = 1000; // 1 vteřina
var animace = document.querySelector('.zobrazeni');

externiData.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var zdrojDat = this.responseText;

console.log(zdrojDat, this.responseText);
   
    var hodnotaTeplota1 = zdrojDat.temp_ds0;
    var hodnotaTeplota2 = zdrojDat.temp_ds1;
    var hodnotaTeplota3 = zdrojDat.temp_ds2;
   
    document.getElementById("vzduch").innerHTML = hodnotaTeplota1;
    document.getElementById("zem").innerHTML = hodnotaTeplota2;
    document.getElementById("bazen").innerHTML = hodnotaTeplota3;
  }
};

setInterval(function()  {
  externiData.open("GET", "http://192.168.10.20:8080/plugins/air_temp_humi/data_json", true);
  externiData.send();
  animace.classList.toggle('zmena');
}, obnoveni);


a HTML spolu s CSS v jednom mam takto:

Kód:
<style>
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700");

html {
  box-sizing: content-box;
  font-family: "Roboto";
}


.zobrazeni{
  display:table;
  min-width: 200px;
  min-height: 200px;
  padding: 20px;
  margin: 50px auto;
  border-top: 5px solid;
  border-bottom: 5px solid;
  border-color:red;
  font-size: 24px;
  line-height: 40px;
  text-transform: uppercase;
}
.zobrazeni td{
  width: 120px;
}

.zobrazeni td:nth-of-type(2){
  width: 70px;
  text-align:right;
  font-weight:700;
  transition: all 500ms ease-in-out;
}
.zobrazeni td:nth-of-type(3){
  width: 50px;
  padding-left:20px; 
}

.zmena td:nth-of-type(2){
  color:gray;
}
</style>

<table class="zobrazeni">
 
  <tr>
    <td>VZDUCH:</td>
    <td id="vzduch"></td>
    <td>°C</td>
  </tr>
 
  <tr>
    <td>ZEM:</td>
    <td id="zem"></td>
    <td>°C</td>
  </tr>
 
  <tr>
    <td>BAZÉN:</td>
    <td id="bazen"></td>
    <td>°C</td>
  </tr>
 
 <script src="script.js"></script>
</table>

 


Problem je ze miesto ciselnej hodnoty mi tam zobrazi UNDEFINED.
Vie mi niekto poradit kde je zakopany pes? Pripadne napisat nejaky lepsi kod? Staci nieco jednoduche, pre cloveka ktory tomu rozumie to bude do 5 min.

Dakujem


_________________
PC1: l CPU: AMD Phenom II X4 955BE C3 l MB: MSI 870A-G54 l RAM: 2x4GB A-DATA Gamers Series 1600 CL9 l VGA: SAPPHIRE R9 280X VAPOR-X l
HDD: SAMSUNG F3 1TB l DVD-RW: LG H22N l PSU: CORSAIR VX450W l MONITOR: LG LCD W2284F-PF l OS: WINDOWS7 HOME PREMIUM l
PC2: l CPU: AMD AthlonXP 2100+ 1733MHz (jadro Thoroughbred - B) socket A l MB: ASRock K7VT4A Pro l RAM: Apacer 1280MB 333MHz CL2.5 l
VGA: ASUS Nvidia N7600GS SILENT l HDD: Seagate 120GB ATA l CD-RW/DVD: LG H12 l PSU: Trust 370W l MONITOR: LG FLATRON L1919S l OS: XP SP3 SK l
NOTEBOOK: ASUS U36SG
Offline

Prevádzkovateľ fóra
Prevádzkovateľ fóra
nacitanie JSON dat do html stranky

Registrovaný: 01.05.05
Príspevky: 12942
Témy: 1479 | 1479
Bydlisko: Bratislava
NapísalOffline : 28.12.2020 22:47 | nacitanie JSON dat do html stranky

Kód:
var zdrojDat = this.responseText;

zmen za

Kód:
var zdrojDat = JSON.parse(this.responseText);


_________________
Streacom DA2 | SilverStone Titanium SX800-LTI 800W | ASRock X299E-ITX/ac | Intel Core i9-9980XE & be quiet! Dark Rock TF | Kingston HyperX Impact 64 GB DDR4 2666 MHz | NVIDIA Titan RTX 24 GB | Intel SSD Optane 905P 480 GB NVMe U.2 & Intel SSD 750 1,2 TB NVMe U.2 & Intel SSD 660p 2 TB NVMe M.2 & Seagate BackUp Plus Portable 56 TB USB | 55" 4K OLED Dell Alienware AW5520QF & 24" LCD EIZO FlexScan EV2451 | Ergotron LX Wall Mount Keyboard Arm | Logitech Craft | Logitech G603 | Logitech F710 | Harman Kardon Sabre SB 35 & Sennheiser RS 175 | Microsoft Windows 7 Ultimate | APC Back-UPS ES 700 | Lenovo ThinkPad X250 | iPhone X 256 GB & Pitaka Aramid | SilverStone ML05B Milo | Corsair SF600 SFX 600W | ASRock X99E-ITX/ac | Intel Xeon E5-2683 v4 & NOCTUA NH-L12S | Kingston HyperX Savage 32 GB DDR4 2400 MHz | NVIDIA GeForce GT 710 1 GB | Intel SSD Optane Memory 32 GB NVMe M.2 & Intel SSD 730 240 GB SATA | Ubuntu Server
 [ Príspevkov: 2 ] 


nacitanie JSON dat do html stranky



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Hladam niekoho kto vie robit z (JSON,JS,HTML)

v Ponuka práce

0

384

19.07.2012 17:02

MFSCervicek

V tomto fóre nie sú ďalšie neprečítané témy.

Nacitanie stranky

v Ostatné

2

458

13.03.2011 21:00

weroro

V tomto fóre nie sú ďalšie neprečítané témy.

Nacitanie stranky

v PHP, ASP

0

774

09.04.2006 21:44

wolf14

V tomto fóre nie sú ďalšie neprečítané témy.

Načítanie kódu HTML z iného súboru

v HTML, XHTML, XML, CSS

11

439

23.02.2020 21:58

JanoF

V tomto fóre nie sú ďalšie neprečítané témy.

pomale nacitanie stranky

v Ostatné

16

1163

11.03.2013 20:39

lonewanderer

V tomto fóre nie sú ďalšie neprečítané témy.

Pomalé načítanie stránky

v Webhosting a servery

4

863

07.06.2009 14:42

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

Načítanie stránky v stránke

v HTML, XHTML, XML, CSS

17

877

03.12.2009 19:35

Snacker

V tomto fóre nie sú ďalšie neprečítané témy.

Nacitanie udajov z inej stranky

v HTML, XHTML, XML, CSS

7

343

02.05.2015 22:16

BX

V tomto fóre nie sú ďalšie neprečítané témy.

Co blokuje nacitanie web stranky?

v Operačné systémy Microsoft

9

877

13.12.2011 17:10

Rob3Rt0

V tomto fóre nie sú ďalšie neprečítané témy.

Otvorenie IE a nacitanie web stranky...

v Assembler, C, C++, Pascal, Java

1

285

09.08.2010 18:47

coldak

V tomto fóre nie sú ďalšie neprečítané témy.

Spomali pouzitie viacerych require nacitanie stranky?

v PHP, ASP

5

376

20.07.2011 23:14

jablko05

V tomto fóre nie sú ďalšie neprečítané témy.

nacitanie externej stranky - file get content

v PHP, ASP

3

217

19.12.2014 16:34

chrono

V tomto fóre nie sú ďalšie neprečítané témy.

nacitanie flashu az po nacitani stránky

v JavaScript, VBScript, Ajax

0

229

28.03.2012 21:19

vputin

V tomto fóre nie sú ďalšie neprečítané témy.

načitanie dát z databazy do javascriptu

v JavaScript, VBScript, Ajax

15

748

05.09.2011 21:20

Pablo Montero

V tomto fóre nie sú ďalšie neprečítané témy.

nacitanie webovej stranky trva viac ako 2 min

v Sieťové a internetové programy

11

595

03.02.2016 16:42

4040

V tomto fóre nie sú ďalšie neprečítané témy.

Nacitanie dat z unl/txt suboru do oracle

v Databázy

8

1240

31.10.2008 20:08

El_locco



© 2005 - 2021 PCforum, edited by JanoF