[GastForen Programmierung/Entwicklung JavaScript JSON mit Javascript local auslesen/parsen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

JSON mit Javascript local auslesen/parsen

tsone
Beiträge gesamt: 52

29. Apr 2016, 06:18
Beitrag # 1 von 14
Bewertung:
(13949 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
X

JSON mit Javascript local auslesen/parsen

-hans-
Beiträge gesamt: 746

29. Apr 2016, 08:08
Beitrag # 2 von 14
Beitrag ID: #549272
Bewertung:
(13900 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/
Lieben Gruß

Hans-Gerd Claßen


als Antwort auf: [#549271]

JSON mit Javascript local auslesen/parsen

kkauer
Beiträge gesamt: 661

30. Apr 2016, 16:09
Beitrag # 3 von 14
Beitrag ID: #549292
Bewertung:
(13756 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: 746

1. Mai 2016, 10:03
Beitrag # 4 von 14
Beitrag ID: #549296
Bewertung:
(13686 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>

Lieben Gruß

Hans-Gerd Claßen


als Antwort auf: [#549271]

JSON mit Javascript local auslesen/parsen

kkauer
Beiträge gesamt: 661

1. Mai 2016, 13:41
Beitrag # 5 von 14
Beitrag ID: #549298
Bewertung:
(13636 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: 746

1. Mai 2016, 14:57
Beitrag # 6 von 14
Beitrag ID: #549299
Bewertung:
(13607 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/
Lieben Gruß

Hans-Gerd Claßen


als Antwort auf: [#549298]

JSON mit Javascript local auslesen/parsen

kkauer
Beiträge gesamt: 661

1. Mai 2016, 18:58
Beitrag # 7 von 14
Beitrag ID: #549302
Bewertung:
(13538 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: 52

2. Mai 2016, 07:01
Beitrag # 8 von 14
Beitrag ID: #549305
Bewertung:
(13433 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: 52

2. Mai 2016, 07:09
Beitrag # 9 von 14
Beitrag ID: #549306
Bewertung:
(13430 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hab mal was zusammengestückelt mit Google ;-)

Code
<!DOCTYPE html> 
<html>
<head>
<script data-require="[email protected]" 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: 746

2. Mai 2016, 07:25
Beitrag # 10 von 14
Beitrag ID: #549307
Bewertung:
(13408 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
Lieben Gruß

Hans-Gerd Claßen


als Antwort auf: [#549306]

JSON mit Javascript local auslesen/parsen

-hans-
Beiträge gesamt: 746

2. Mai 2016, 07:53
Beitrag # 11 von 14
Beitrag ID: #549308
Bewertung:
(13384 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
@kkauer "jsonp" geht auch :)
Lieben Gruß

Hans-Gerd Claßen


als Antwort auf: [#549302]

JSON mit Javascript local auslesen/parsen

kkauer
Beiträge gesamt: 661

2. Mai 2016, 08:59
Beitrag # 12 von 14
Beitrag ID: #549313
Bewertung:
(13326 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: 52

2. Mai 2016, 09:19
Beitrag # 13 von 14
Beitrag ID: #549315
Bewertung:
(13316 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Antwort auf [ kkauer ]
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?


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, 10:27
Beitrag # 14 von 14
Beitrag ID: #549318
Bewertung:
(13276 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, 10:28 geändert)
X

Aktuell

PDF / Print
PDF-XCange_300

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
09.09.2021 - 17.12.2021

Digicomp Academy, Zürich
Donnerstag, 09. Sept. 2021, 13.00 Uhr - Freitag, 17. Dez. 2021, 19.00 Uhr

Lehrgang

Steigen Sie in die Welt des Publishings ein und erlangen Sie die Zertifizierung von Publishing NETWORK. Lernen Sie in diesem Lehrgang Druckmedien professionell zu erarbeiten, druckfertige PDFs zu erstellen und CI/CD-Vorgaben umzusetzen.

Preis: 6'300.– zzgl. 7.7% MWST
Dauer: 18 Tage(ca. 126 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt.

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberater AT digicomp DOT ch