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
Please also mark the comments that contributed to the solution of the article
Content-Key: 143131
Url: https://administrator.de/contentid/143131
Printed on: April 19, 2024 at 20:04 o'clock
2 Comments
Latest comment