2
Get.json ohne php
Ahoi 
ich möchte gerne mit Hilfe von Javascript und get.json ein Formular erstellen, dass auf externe Daten, z.B. aus einer Exceldatei zugreift und diese auswertet.
Die einzelnen Felder wie z.B. "Artikel", "Händler" usw, sollen zunächst ein "Enter Name" Feld sein und sobald man einen Namen anfängt reinzuschreiben sollen die Namen, die diese Buchstaben bzw. den Teil des Namens enthalten anzeigen und zur Auswahl freigeben. Im besten Falle sollen mehrere auswählbar sein.
Sooooo mit folgendem Code klappt es super:
<body>
<h1>Scrollarea JSON</h1>
<form method="post">
<input type="text" id="huh" value="">
<script>
var data = {items:
[
{value: "21", name: "Mick"},
{value: "43", name: "Johnny "},
{value: "46", name: "Ricadro"},
{value: "54", name: "Kenny"},
{value: "55", name: "Ruby"},
{value: "79", name: "Michael "}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name", startText: "Gib den Namen ein"});
// $("input[type=autofill]").autoSuggest("http://mysite.com/path/to/script", {minChars: 2, matchCase: true});
</script>
<input type="submit" name="senden">
</form>
</body>
</html>
doch sobald ich versuche :
$.getJSON('../test.json', function(data) { alert(data[ ].value); });
einzubinden, geht nichts mehr.
Habe alle Pfade korrekt angegeben und das auch mehrmals überprüft.
Hat vll. jemand eine Idee dazu?
Vielen Dank im Voraus)
Grüße,
Dichosa
ich möchte gerne mit Hilfe von Javascript und get.json ein Formular erstellen, dass auf externe Daten, z.B. aus einer Exceldatei zugreift und diese auswertet.
Die einzelnen Felder wie z.B. "Artikel", "Händler" usw, sollen zunächst ein "Enter Name" Feld sein und sobald man einen Namen anfängt reinzuschreiben sollen die Namen, die diese Buchstaben bzw. den Teil des Namens enthalten anzeigen und zur Auswahl freigeben. Im besten Falle sollen mehrere auswählbar sein.
Sooooo mit folgendem Code klappt es super:
<body>
<h1>Scrollarea JSON</h1>
<form method="post">
<input type="text" id="huh" value="">
<script>
var data = {items:
[
{value: "21", name: "Mick"},
{value: "43", name: "Johnny "},
{value: "46", name: "Ricadro"},
{value: "54", name: "Kenny"},
{value: "55", name: "Ruby"},
{value: "79", name: "Michael "}
]};
$("input[type=text]").autoSuggest(data.items, {selectedItemProp: "name", searchObjProps: "name", startText: "Gib den Namen ein"});
// $("input[type=autofill]").autoSuggest("http://mysite.com/path/to/script", {minChars: 2, matchCase: true});
</script>
<input type="submit" name="senden">
</form>
</body>
</html>
doch sobald ich versuche :
$.getJSON('../test.json', function(data) { alert(data[ ].value); });
einzubinden, geht nichts mehr.
Habe alle Pfade korrekt angegeben und das auch mehrmals überprüft.
Hat vll. jemand eine Idee dazu?
Vielen Dank im Voraus
)Grüße,
Dichosa
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 143131
Url: https://administrator.de/contentid/143131
Ausgedruckt am: 23.11.2024 um 01:11 Uhr
2 Kommentare
Neuester Kommentar
Hallo Dichosa,
Wo liegt denn die Datei test.json? Zufällig auf dem lokalen Computer?
Wo liegt denn die Datei test.json? Zufällig auf dem lokalen Computer?
Hallo Mike,
ähm NEIN ;)
liegt im gleichen dev wie die Anwendungs-Datei und alle dazugehörigen Informationen auch
Aaaaaber, habe eine Lösung gefunden. Wenn ich die JSON-Datei zu einer .js mache, dann geht alles einwandfrei und er gibt durch das GetJSON trotzdem die .js als .json aus
Also alles super
Trotzdem danke Dir
Vg,
Dichosa
ähm NEIN ;)
liegt im gleichen dev wie die Anwendungs-Datei und alle dazugehörigen Informationen auch
Aaaaaber, habe eine Lösung gefunden. Wenn ich die JSON-Datei zu einer .js mache, dann geht alles einwandfrei und er gibt durch das GetJSON trotzdem die .js als .json aus
Also alles super
Trotzdem danke Dir
Vg,
Dichosa
