JSON mit Javascript local auslesen/parsen

[Gast] Foren Programmierung/Entwicklung JavaScript JSON mit Javascript local auslesen/parsen

Programmierung/Entwicklung

Themen

Beiträge

Moderatoren

Letzter Beitrag

JavaScript

1411

5354

Thomas Richard

28. Feb 2024, 15:17

Nic1703

tsone

Beiträge gesamt: 70

29. Apr 2016, 08:18
Beitrag # 1 von 14
Bewertung:
(19345 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Leute,

ich möchte eine JSON-Datei, die auf einem Webserver liegt, mit einem lokalen Javascript auslesen. Also die HTML-Datei liegt auf dem Rechner ab.

JSON per PHP kann ich auslesen, aber ich brauche das lokal.

Danke und Grüße

JSON mit Javascript local auslesen/parsen

-hans-

Beiträge gesamt: 748

29. Apr 2016, 10:08
Beitrag # 2 von 14
Beitrag ID: #549272
Bewertung:
(19295 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo,

yahoo hat einen service der cross-origin anfragen erlaubt und im Gegensatz zum Googleservice auch kein cacheproblem ...

https://developer.yahoo.com/yql/

als Antwort auf: [#549271]

JSON mit Javascript local auslesen/parsen

kkauer

Beiträge gesamt: 661

30. Apr 2016, 18:09
Beitrag # 3 von 14
Beitrag ID: #549292
Bewertung:
(19151 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Magst du die Frage noch einmal konkretisieren bzw. was spricht gegen das lokale Ausführen von php, wenn du das schon "kannst"?

als Antwort auf: [#549271]

JSON mit Javascript local auslesen/parsen

-hans-

Beiträge gesamt: 748

1. Mai 2016, 12:03
Beitrag # 4 von 14
Beitrag ID: #549296
Bewertung:
(19081 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Code

<html> 
  <head> 
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
	<title>yql json</title> 
	 
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> 
  </head> 
  <body> 
<script> 
var myJSON = 'https://www.amabend.com/mp3/JSON/2016-04-29/abend_kronenbrot_160429_10236398/abend_kronenbrot_160429_10236398.json'; 
 
 $.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D%22"+encodeURIComponent(myJSON)+"%22&format=json&callback=?",  
 function(d) { 
 console.log(d.query.results.json) 
 }) 
 
      </script> 
 
  </body> 
</html>

als Antwort auf: [#549271]

JSON mit Javascript local auslesen/parsen

kkauer

Beiträge gesamt: 661

1. Mai 2016, 15:41
Beitrag # 5 von 14
Beitrag ID: #549298
Bewertung:
(19031 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Das geht doch bestimmt auch ohne jQuery und externen Dienst, oder? ;)

als Antwort auf: [#549296]

JSON mit Javascript local auslesen/parsen

-hans-

Beiträge gesamt: 748

1. Mai 2016, 16:57
Beitrag # 6 von 14
Beitrag ID: #549299
Bewertung:
(19002 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

applescript & co, extendscript ... es gibt sicherlich viele Möglichkeiten :)
Beim Abruf über eine lokale HTML-Datei mit Javascript und Ajax ist man aber direkt bei standardmäßig geblockten Cross-Origin Anfragen ... daher ...

Und Jquery ist doch meist eh schon geladen ...
Ein netter/hilfreicher link zum Themahttp://youmightnotneedjquery.com/

als Antwort auf: [#549298]

JSON mit Javascript local auslesen/parsen

kkauer

Beiträge gesamt: 661

1. Mai 2016, 20:58
Beitrag # 7 von 14
Beitrag ID: #549302
Bewertung:
(18933 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Dann werfe ich jetzt einfach mal zusätzlich folgenden Schnipsel in die Runde und wir hoffen, dass tsone seine Anforderung/Umgebung weiter konkretisieren will/kann …

Code

<html> 
	<head> 
		<meta charset="utf-8"> 
	</head> 
	<body> 
	<script> 
		function callback(jsonp){ 
			console.log(jsonp.ip); 
		} 
	</script> 
	<script type="text/javascript" src="http://ip.jsontest.com?callback=callback"></script> 
	</body> 
</html>

als Antwort auf: [#549299]

JSON mit Javascript local auslesen/parsen

tsone

Beiträge gesamt: 70

2. Mai 2016, 09:01
Beitrag # 8 von 14
Beitrag ID: #549305
Bewertung:
(18828 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hallo Leute,

dann führe ich das mal näher aus ;-)

Bei der PHP-Variante habe ich mir einen lokalen Webserver eingerichtet (MAMP). Allerdings möchte ich die JSON-Geschichte bei einem Kollegen einrichten, der keinen lokalen Webserver einrichten kann (Rechtefrage).
Deswegen würde ich ihm einfach eine HTML-Datei auf seinem Rechner ablegen, mit der er über JSON ein Objekt abfragen kann, was ihm die Arbeit erleichtert.

Ich hoffe das hat etwas Licht ins Dunkel gebracht.

als Antwort auf: [#549302]

JSON mit Javascript local auslesen/parsen

tsone

Beiträge gesamt: 70

2. Mai 2016, 09:09
Beitrag # 9 von 14
Beitrag ID: #549306
Bewertung:
(18825 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Hab mal was zusammengestückelt mit Google ;-)

Code

<!DOCTYPE html> 
<html> 
  <head> 
    <script data-require="jquery@2.1.1" data-semver="1.9.1" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script type="text/javascript"> 
    $(document).ready(function () { 
  $('#get-data').click(function () { 
    var showData = $('#show-data'); 
 
    $.getJSON('xxx.json', function (data) { 
      console.log(data); 
 
      var items = data.items.map(function (item) { 
        return item.key + ': ' + item.value; 
      }); 
 
      showData.empty(); 
 
      if (items.length) { 
        var content = '<li>' + items.join('</li><li>') + '</li>'; 
        var list = $('<ul />').html(content); 
        showData.append(list); 
      } 
    }); 
 
    showData.text('Loading the JSON file.'); 
  }); 
}); 
         
         
var json; 
$.ajax({ 
    url: "xxx.json", 
    dataType: "text", 
    success: function(data) { 
        json = $.parseJSON(data); 
    } 
}); 
alert(json); 
         
         
         
     
    </script> 
    <style>body{ background: #F9F9FA; }</style> 
  </head> 
 
  <body> 
    <a href="#" id="get-data">Get JSON data</a> 
    <div id="show-data"></div> 
  </body> 
</html>

Funktioniert aber nicht :-(

als Antwort auf: [#549305]

JSON mit Javascript local auslesen/parsen

-hans-

Beiträge gesamt: 748

2. Mai 2016, 09:25
Beitrag # 10 von 14
Beitrag ID: #549307
Bewertung:
(18803 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

habe dein beispiel nicht getestet (du meines ja anscheined auch nicht ;-) ) aber es kann auch nicht funktionieren weil es eine cross-origin-Anfrage (htmldatei & json sind nicht auf gleicher domain ) ist, die per CORS standardmäßig auf servern blockiert ist ... schau halt mal in die Browserconsole

als Antwort auf: [#549306]

JSON mit Javascript local auslesen/parsen

-hans-

Beiträge gesamt: 748

2. Mai 2016, 09:53
Beitrag # 11 von 14
Beitrag ID: #549308
Bewertung:
(18779 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

@kkauer "jsonp" geht auch :)

als Antwort auf: [#549302]

JSON mit Javascript local auslesen/parsen

kkauer

Beiträge gesamt: 661

2. Mai 2016, 10:59
Beitrag # 12 von 14
Beitrag ID: #549313
Bewertung:
(18721 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Antwort auf [ tsone ] Deswegen würde ich ihm einfach eine HTML-Datei auf seinem Rechner ablegen, mit der er über JSON ein Objekt abfragen kann, was ihm die Arbeit erleichtert.

Ich hoffe das hat etwas Licht ins Dunkel gebracht.

Wer "serviert" denn JSON? Ist es ein interner Server und kann/kennt dieser Server JSONP? Oder liegt die Datei auch nur auf dem Rechner (welches OS) des Kollegen?

als Antwort auf: [#549305]

JSON mit Javascript local auslesen/parsen

tsone

Beiträge gesamt: 70

2. Mai 2016, 11:19
Beitrag # 13 von 14
Beitrag ID: #549315
Bewertung:
(18711 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Antwort auf [ kkauer ]

Wer "serviert" denn JSON? Ist es ein interner Server und kann/kennt dieser Server JSONP? Oder liegt die Datei auch nur auf dem Rechner (welches OS) des Kollegen?

Die JSON-Dateien liegen auf einem Webserver im internen Firmennetzwerk.
Ich mache das ganze aber jetzt doch über PHP. Wir haben hier noch einen Rechner in der Abteilung laufen, auf dem wir MAMP installiert haben. Dann kann der Kollege darauf zugreifen, wenn der Rechner läuft (was er eh den ganzen Tag macht).

Trotzdem vielen Dank an alle!!!

als Antwort auf: [#549313]

JSON mit Javascript local auslesen/parsen

kkauer

Beiträge gesamt: 661

2. Mai 2016, 12:27
Beitrag # 14 von 14
Beitrag ID: #549318
Bewertung:
(18671 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Antwort auf [ tsone ] Die JSON-Dateien liegen auf einem Webserver im internen Firmennetzwerk.
Ich mache das ganze aber jetzt doch über PHP. Wir haben hier noch einen Rechner in der Abteilung laufen, auf dem wir MAMP installiert haben. Dann kann der Kollege darauf zugreifen, wenn der Rechner läuft (was er eh den ganzen Tag macht).

Trotzdem vielen Dank an alle!!!

OK, lokales php habe ich ja eingangs schon erwähnt, daher noch der Vollständigkeit halber:
http://php.net/manual/de/features.commandline.webserver.php

als Antwort auf: [#549315]
(Dieser Beitrag wurde von kkauer am 2. Mai 2016, 12:28 geändert)

Aktuell

Web / SEO / Blockchain / Betriebssystem

Schutz vor Fake-Shops mit Verbraucherschild.de

| 24.11.2023

Weitere Events

Neuste Foreneinträge

Mehrfach geschichtete und übereinander gelagerte PDFs bereinigen

InDesign 19.2 konvertiert 19.3-Dateien beim Öffnen ungefragt

Platzierte Vektorgrafiken skalieren

Adobe Fonts werden nicht sofort/automatisch in ID-Dateien geladen

PDF-Formular: Dateianhang durch User?

Kontrollkästchen in PDF-Formular

Mein Tagesausflug ins Land CorelDraw

Eizo Monitorkalibrierung auf Windows

Fußnoten zu Endnoten konvertieren

SMS ab Server senden? Wie geht das?

Weitere Stellenangebote