javascript - 将 cookie 添加到 js fiddle 以保存用户键入的内容

Question

几周前我的一项作业要求我们创建两个 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/

Answer 1

您可以使用这些函数来保存和读取 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;
}

现在您只需将这些函数绑定(bind)到表单提交事件和按钮点击事件即可!