Question

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

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小提琴的链接 https://jsfiddle.net/jon123/m957kc84/

Answer 1

您可以将这些功能用于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;
}

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

将cookie添加到js小提琴中以保存用户键入的内容

1 个答案: