如何使用 JSON 通过输入创建和修改数据？
我开始学习 JavaScript，但我被这段代码卡住了。我试图了解用户如何使用 JSON 创建和修改信息；现在我可以输入数据，但我不知道代码应该如何使用相同的输入来修改它。有人可以帮忙吗？这是我目前的代码：
<!DOCTYPE html>
<html>
<body onload="myLoad()">
<form>
<label for="track">Track: </label>
<input type="text" name="track" id="track" required><br>
<label for="artist">Artist: </label>
<input type="text" name="artist" id="artist" required><br>
<label for="album">Album: </label>
<input type="text" name="album" id="album"><br>
<label for="genre">Genre: </label>
<select id="genre">
<option value="">--Please choose an option--</option>
<option value="rock">Rock</option>
<option value="pop">Pop</option>
<option value="jazz">Jazz</option>
<option value="classic">Classic</option>
</select><br>
<button onclick="addTrack()">Register a new track</button>
</form>
<select id="trackList" onchange="ChangeActiveUser(this.value)">
<option value="">--Please choose a track--</option>
</select>
<script>
var track = [];
function myLoad() {
let htmlSelect = document.getElementById("trackList");
htmlSelect.style.visibility = "hidden";
if (sessionStorage.getItem("hasCodeRunBefore") === null) {
// let arrayOfPersonObjects = [];
sessionStorage.setItem("tracks", JSON.stringify(track));
sessionStorage.setItem("hasCodeRunBefore", true);
} else {
track = JSON.parse(sessionStorage.getItem("tracks"));
let i = 0;
track.forEach(function(t) {
let optItem = document.createElement("option");
optItem.innerHTML = t.track;
optItem.value = i;
i = i + 1;
htmlSelect.appendChild(optItem);
});
if (i > 0) {
htmlSelect.style.visibility = "visible";
}
}
}
吃鸡游戏2回答
-
湖上湖
如果您想将输入值保存到本地存储中，您可以使用您可以在此处找到更多信息：https ://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/字符串化//Get the value of inputlet artistsInput = document.getElementById("artist").value;//Convert the artist variable into a stringlet artistsStr = JSON.stringify(artists)//Store the value of artistsStr into localStoragelocalStorage.setItem("anything", artistsStr)//Get the value of localStorage in object formlet artists = JSON.parse(localStorage.getItem("anything")) -
慕桂英3389331
JSON 与 YAML 和 XML 一样，是一种编码方案。 您可以使用它将数据结构编码和解码为字符串。您将字符串本身视为“黑匣子”，依靠语言对其进行编码和解码。你知道每一种语言都有一个兼容的编码/解码过程实现，他们都会理解。不要尝试将编码字符串“作为”字符串...您通常会发现它以两种方式使用：(1) 使用LocalStorage，和 (2) 使用“AJAX”调用主机系统。如果我们谈论的是“创建和修改数据”，比如在位于主机端的数据库中，那么我们必然是在谈论 AJAX。我想请您参考关于该主题的数千个教程中的任何一个，例如非常优秀的 w3schools 的教程： https ://www.w3schools.com/xml/ajax_intro.asp 。我相信您会很快理解它是如何工作的，以及 JSON、YAML等如何融入其中。
随时随地看视频慕课网APP
相关分类
JavaScript