如何使用Javascript保存用户输入和刷新页面？

我正在用JS编写一个函数，它基本上是一个表单，但在表1行，3列中。第一个单元格是输入框，第二个单元格是按钮。我希望，一旦用户输入文本（比如国家）并单击submit，我希望将他输入的值保存在一个变量中，这样一旦他单击refresh，页面将刷新并记住国家。如何编写保存值和刷新页面的函数？这是我的代码有些代码来自另一个答案：

function createTable(){

    var body = document.body, tbl  = document.createElement('table');
    tbl.style.width='100%';
    tbl.style.border = "0px solid black";
    tbl.style.backgroundColor = "green";
    tbl.setAttribute("style", "font-size:18px;position:absolute;top:0px;right:00px;");

    for(var i = 0; i < 1; i++){
        var tr = tbl.insertRow();
        for(var j = 0; j < 3; j++){
                if (j == 2) {
                    var td = tr.insertCell();
                    input=document.createElement("input");
                    input.type="option";
                    input.value="Enter Country";
                    td.appendChild(input)

                } else if (j == 1) {
                    var td = tr.insertCell();
                    btn=document.createElement("BUTTON");
                    btn.setAttribute("type", "button")

                    var t=document.createTextNode("Submit");

                    btn.appendChild(t);
                    td.appendChild(btn);

                } else if (j == 0) {

                var td = tr.insertCell();
                var btn=document.createElement("BUTTON");
                var t=document.createTextNode("Refresh");
                btn.appendChild(t);
                td.appendChild(btn)         
                }
        }
    }

    body.appendChild(tbl);
}


createTable();

使用：

检查值是否存在：

if(localStorage.getItem("country"))
    // value exists
else
    // value does not exist

设置新值

localStorage.setItem("country", insert_name_here);

获取旧值：

localStorage.getItem("country");

---

有什么理由不在服务器端执行这些操作吗？我会使用querystrings@Jazen现在我在本地做所有的事情，然后就是服务器sided@Dan你能解释一下怎么做吗？谢谢。这些问题与javascript中的查询字符串有关：如果您想使用php之类的其他工具进行查询，只需在谷歌上搜索即可