Sie ein Array erstellen, bei Klick auf button
schieben input type="text"
Element Wert Array; Verwenden Sie zum Herunterladen der Datei window.open()
data URI
vom Typ application/octet-stream
. Um vorhandene Dateien zu aktualisieren, können Sie das Element <input type="file">
für den Benutzer zum Hochladen derselben Datei, die heruntergeladen wurde, verwenden, den aktuellen Wert input type="text"
in dieselbe Datei schieben und den Benutzer auffordern, die Originaldatei mit demselben Namen herunterzuladen. Obwohl es eine Entscheidung des Benutzers ist, eine Datei herunterzuladen.
Siehe Edit, save, self-modifying HTML document; format generated HTML, JavaScript
<!DOCTYPE HTML>
<html>
<head>
<title>Checklist</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(function() {
var input = $(":text");
var button = $("button");
var arr = [];
button.click(function() {
arr.push(input.val());
input.val("");
window.open("data:application/octet-stream," + JSON.stringify(arr));
})
})
</script>
</head>
<body>
<input type="text" id="item" name="save" placeholder="Enter an item">
<button id="add">Add Item</button>
</body>
</html>
plnkr http://plnkr.co/edit/cQZznvyltX46UO1Y0lDG?p=preview
Leider auch. Ja, ich habe es geändert. – Alexander
@ user3278038 Möchten Sie die gleiche Datei aktualisieren oder bei jedem Speichern eine neue Datei erstellen? – guest271314
@ RokoC.Buljan Ich änderte die Frage von der Speicherung von Daten in eine JSON-Datei, in ein Array. Vielen Dank. – Alexander