append的内容，页面返回时候不见了

Question

表单页面需要用到append，现在问题来了，提交时候会验证，如果验证失败，就要返回当前页面，可是返回之后，之前的表单内容都在，append的内容都丢失了。

Answer 1

同楼上
尽量不要用append添加的形式 页面刷新存不住数据
用ajax异步提交
代码贴上：

//发送ajax请求 实现判断 和页面跳转
$(function () {
    $('#btn').click(function () {
        var username = $('#username').val();
        var password = $('#password').val();
        console.log(username+password);

        $.ajax({
            type:'post',
            url:'../user/php/judgeLogin.php',
            dataType:'text',
            data:{'username':username,'password':password},
            success:function (data) {
                console.log(data)
                if (data=='false'){
                    $('#check').show()
                }else {
                    $('#check').hide();
                    location.href = "../user/php/loginSucess.php"
                }
            },
            error:function () {
                console.log("错误");
            }
        });

    })

})

Answer 2

这种情况下用ajax异步提交比较合适，也不会存在返回之前页面后js添加的dom对象丢失的问题了。

Answer 3

刷新页面, 肯定是都没了.

如果想保存内容, 可以前端使用cookie 或者 localStorage, 保存, 进入页面的时候先读取.
提交表单, 结果成功, 清空本地缓存.