Javascript Can';我不知道如何使用本地存储和jquery解决这个问题

Javascript Can';我不知道如何使用本地存储和jquery解决这个问题,javascript,jquery,json,local-storage,object-literal,Javascript,Jquery,Json,Local Storage,Object Literal,我正在创建一个web应用程序来创建、编辑、删除和查看案例。所有这些都必须存储在本地存储中,我只允许使用JS和jQuery 我的问题是,如何单击已创建的案例,重定向到包含该案例更多信息的页面?我试着在网上查,但似乎没什么关系 这是“创建新案例”页面,它将案例推送到另一个站点: 让案例列表=[]; const submitBtn=document.getElementById(“提交btn”); const title=document.getElementById(“title”); const

我正在创建一个web应用程序来创建、编辑、删除和查看案例。所有这些都必须存储在本地存储中,我只允许使用JS和jQuery

我的问题是,如何单击已创建的案例,重定向到包含该案例更多信息的页面?我试着在网上查,但似乎没什么关系

这是“创建新案例”页面,它将案例推送到另一个站点:

让案例列表=[];
const submitBtn=document.getElementById(“提交btn”);
const title=document.getElementById(“title”);
const desc=document.getElementById(“desc”);
常数newCase=(e)=>{
e、 预防默认值();
让案例={
标题:title.value,
描述:描述值,
类型:$(“#类型选项:选中”).text()+“.png”,
面积:$(“#面积选项:选定”).text(),
};
病例表。推送(病例);
document.forms[0].reset();
setItem(“案例列表”,JSON.stringify(案例列表));
警惕(“Sak opprettet”);
返回true;
}
document.addEventListener(“DOMContentLoaded”,()=>{
submitBtn.addEventListener(“单击”,新建案例);
});
这是输出案例的站点。从这里,我想点击一个已经创建的案例,在另一个页面上获取更多信息:

const mainContainerGrid=document.getElementById('main-container-grid');
mainContainerGrid.innerHTML=localStorage.length;
如果(localStorage.length>0){
让addCase1=JSON.parse(localStorage.getItem(“caseList”);
设html=“”;
addCase1.forEach(case1=>{
html+=`
${case1.title}
莱默
`
});
mainContainerGrid.innerHTML=html;
}否则{
mainContainerGrid.innerHTML=“未创建案例”
};
以下是如何设置本地存储:


值作为字符串存储在localStorage中。您需要使用
JSON.parse
获取as数组


mainContainerGrid.innerHTML=JSON.parse(localStorage.getItem('caseList'))长度

您需要澄清您对页面和站点的使用。我将其存储为parse,上面只是一些代码行。