Question

使用JQuery的.ajax()提交表单后当前页面表单内容被清空，请问如何保留数据？

使用JQuery的.ajax()提交表单后当前页面表单内容被清空，请问如何保留数据？以下是我的代码：
JS：
$.ajax({
cache : false,
type : "POST",
url : appPath + "/UserServlet?method=signIn",
data : $('#signInForm').serialize(),
dataType : "json",
async : false,
error : function(data) {
alert("网络异常！");
},
success : function(data) {
if (data.recode == "0000") {
location.href = appPath + "/index.html";
} else {
alert(data.msg);
}
}
});

HTML：
<form name="signInForm" id="signInForm" action="" method="post">
<div>用户名/邮箱</div>
<div>
<input type="text" name="username" id="username" />
</div>
<div>密码</div>
<div>
<input type="password" name="password" id="password" />
</div>
<div>
<input type="button" value="登录" onclick="signIn()" />
<input type="button" value="注册" onclick="signUp()" />
</div>
</form>

Answer 1

页面是不是重定向刷新了：location.href。
刷新以后数据肯定是被清空了的。

可以考虑用cookies保存。

Answer 2

看样子你要的功能是，注册完成跳转到主页，然后输入框内自动带上注册时填入的username。

1. ajax是为了不刷新页面，你的ajax接了一个重定向，设计可能有问题。既然要重定向，可以考虑直接post到servlet中，再跳入index.jsp而非index.html，在jsp中取值，逻辑比较好理解。
   

2. 不进servlet的话。如果你要传递的是短文本值，可以考虑写cookie。传值无非是get post session cookie之类的，选一个合适的就行。你这种需求可以在url后面直接加参数，类似index.html?username=aaa，再去html中用js来处理，可防止cookie被禁用。

3. 一家之言，欢迎指正。
   

Answer 3

一般登陆信息会保存在session里面。