javascript - 通过javascript将用户选择的页面控制值写入xml文件中并存储在客户端计算机中

Question

我的问题是---------我的表单上有很多输入控件，在我的asp.net多用户Web应用程序中，当用户在一半的控件中输入值并且电源关闭时，用户丢失了所有输入的数据，他必须从头开始填写表格。所以我想通过javascript将所有用户输入存储在每个控件失去焦点的xml文件中(每次重新生成新文件并删除旧文件)并将其存储在客户端的文件中。我尝试将其存储在cookie中，但是xml字符串大小超过了cookie大小限制。我还想最后从服务器端将 xml 文件数据存储到数据库中。

那么我的方法有什么问题吗？或任何其他方式来解决我的目的？任何建议将不胜感激。

谢谢。

Answer 1

您可以使用这种方式作为基础。这是只使用js。在客户端本地存储中保存为 json 比 xml 更好。没有 JQuery:

<form>
    <input id="txt1" onchange="saveDraft()" type="text" />
    <input id="txt2" onchange="saveDraft()" type="text" />
    <input id="txt3" onchange="saveDraft()" type="text" />
    <input id="btnSubmit" type="submit" value="submit" />
</form>

<script type="text/javascript">
var elements = ["txt1","txt2","txt3"];

function saveDraft(){
    var values= new Object;
    for(var i=0;i<elements.length;i++){
        values[elements[i]] = document.getElementById(elements[i]).value;
    }
    localStorage["draft"] = JSON.stringify(values);
}

window.onload = function (){
    restoreDraft();
}

function restoreDraft(){
    var values;
    if(localStorage["draft"] ){
        values = JSON.parse(localStorage["draft"]);
    }
    else
        return;
    if(confirm('Do you want to restore saved draft?')){
        for(var i=0;i<elements.length;i++){
            document.getElementById(elements[i]).value = values[elements[i]];
        }
        localStorage["draft"] ='';
    }           
}
</script>