向js fiddle添加cookie以保存用户键入的内容

Adding cookies to a js fiddle to save what the user types

本文关键字：用户 保存 fiddle js 添加 cookie      更新时间：2023-09-26

对于我几周前的一项任务，我们被要求创建两个div，一个用于收集和保存日记条目，另一个用于显示日记条目。我们被要求使用HTML表单元素，这应该使用JS来处理。由于这不是服务器端的任务，我们被要求使用cookie存储提交的日记条目我没有完成作业，由于讲师从未发布过解决方案或完成过解决方案，我想知道是否有人能看看我的解决方案并向我展示如何做。我不确定如何实际设置cookie并将其返回。如果对任何人有帮助，我还会发布js fiddle的链接。提前感谢

HTML
    <form name ="name" onsubmit="return doSomething();">
        Please Enter Your Diary Entry: <input type="text" name=“somename” id="frm_somename"/>
        <input type="submit" name="Submit" value="Save Entry" />
    </form>
    <div id = "1">
        <button id="button" onclick="y();">Show Diary</button>
    </div> 
JS
    doSomething = function() {
     // get the data from the form
     var textValue = document.getElementById("frm_somename").value;
     // the rest of the code goes here

 // return false to stop form going somewhere - NB
 return false;
}

如果有帮助的话，这里还有js fiddle的链接https://jsfiddle.net/jon123/m957kc84/

您可以使用这些函数来save和read cookie。

保存Cookie

function saveCookie(name, value) {
    var cookie = name + '='+JSON.stringify(value);
    document.cookie = cookie;
}

阅读Cookie

function readCookie(name) {
    var result = document.cookie.match(new RegExp(name + '=([^;]+)'));
    result && (result = JSON.parse(result[1]));
    return result;
}

现在您只需要将这些函数绑定到表单提交事件和按钮单击事件！

相关文章：