如何提交表单后仍然保留表单的数据

Question

动作为POST以后，往往会把FORM里的数据清空掉的，我想保留，请问如何处理？<form 里面有很多 <input type='text' 
post后如何保留数据？

Answer 1

1,借助SESSION存储在服务器端,重新载入表单填写页面时填充即可
2,ajax提交表单，就不会有页面刷新问题了
3,借助HTML<ifarme>无刷新提交，和ajax一个道理

Answer 2

办法2和办法3好像好复杂 刚刚GOOGLE了一下

Answer 3

<form action="hello.php" method="POST" id="form">
    <input type="text" name="username" />
    <input type="password" name="password" />
    <input type="text" name="age" />
    <input type="button" value="submit" id="submit"/> 
</form>
<script>   var submitButton = document.getElementById('submit');
   // 绑定事件
   submitButton.onclick = submit;
   // form标签配有一个id 'form'
   var formObj      = document.getElementById('form');
   
   // 拼接POST查询字符串
   // 得到的查询字符串大约是这样：
　　// username=dsadsad&password=dsadad&age=88&item=undefined&
   // 那个item怎么来的我还不清楚，先不管了
   function getPOSTValue()
   {
       var queryStr = '';
       // 表单元素对象
       var inputs = formObj.getElementsByTagName('input');
       for(var key in inputs)
       {
            if(inputs[key].name){
                queryStr += (inputs[key].name+'='+inputs[key].value + '&');
            }
       }
       return queryStr;
   }   function submit()
   {
       // 获取表单数据
       var data = getPOSTValue();
       var ajax = new XMLHttpRequest();
       alert(data);
       // POST 到原先form的action属性
       ajax.open('POST', formObj.action);
       ajax.send(data);
   }
</script>

Answer 4

办法3要更简单
<form method="POST" target="postTo" action="hello.php" >
          <input type="text" name="username" />
          <input type="password" name="password" />
          <input type="text" name="age" />
          <input type="submit" /> 
</form>
<iframe name="postTo" style="display:none"></iframe>