use*_*774 5 html javascript xml
我正在学习 javascript、xml 和 html。对于家庭作业,我需要从 XML 文件的某些节点检索一些数据,连接数据,并将连接后的字符串存储在 localStorage 中。我在 localStorage 中存储连接字符串时遇到问题。我相信问题出在这两行 -
var s_data = localStorage[学生];
$("#clickme").text("学生的名字:" + s_data);
有人可以看看并给我一些有关如何修复它的提示吗?预先感谢您的帮助。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<title>HWK</title>
<meta charset="UTF-8">
</head>
<body>
<div id="clickme" onclick="startAjax()">Click me to see all the students' first names</div>
<script>
function startAjax(){
$("#clickme").text("Calling server");
$.ajax({url:"hwk.xml",
success:callbackFunction, error:errorFunction});
}
function callbackFunction(data,info)
{
var students = $(data).find("student first_name");
try {
if (students && students.length)
{
var s_data = localStorage[students];
$("#clickme").text("Students' first names: " + s_data);
}
}
catch (e) {
if (e != window["localStorage"])
alert("No local storage. Should use cookie instead.");
}
}
function errorFunction(data,info){
$("#clickme").text("error occurred:"+info);
}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您可以使用setItem()为localStorage设置一个值并使用getItem()来检索它
前任:
localStorage.setItem('mykey', 'somevalue')
Run Code Online (Sandbox Code Playgroud)
演示:小提琴
你不是在设置数据,你是在获取不存在的数据
我相信你想要的就是这个
(你必须给本地存储中的变量命名,我给它命名为学生的名字)
localStorage['students'] = students;
$("#clickme").text("Students' first names: " + students);
Run Code Online (Sandbox Code Playgroud)
在此之后,如果您想要与之前类似的东西,您可以得到您的
var s_data = localStorage['students'];
Run Code Online (Sandbox Code Playgroud)