JS提交表单后回跳的细节处理

有些时候提交表单后需要我们留在原来表单的界面,那么提交后如何使表单里面的内容清空或者保留呢?作为一个小知识点我总结了下:(以后我还会补充些相关内容)

表单里的内容我经过在servelet测试替换红色部分的内容,

        int b = new MemberDao().save(member);
        if(b!=0){
            out.print("<script>alert(‘提交成功‘)</script>");
            out.print("<script>location.href=‘WebPage/wyrh.jsp‘;</script>");
            out.print("true");
        }else{
            out.print("error");
        }

发现以下这些方法 前台表单还是会保存记录的(就是执行servelet后表单写着的内容还显示着)

window.location.reload()  刷新

window.history.go(1)  前进

window.history.go(-1)  后退

window.history.forward()  前进

window.history.back()   相当于 window.history.go(-1)+window.location.reload()

后来我查找到了前台表单不会保存记录的方法

  location.href=‘’;location.assign()(两者相同)

location.href=‘http://www.example.com
而location.assign(‘http://www.example.com‘) 就是 location.href=‘http://www.example.com‘至于

还有一个类似的location.replace(),但是使用它servelet返回不到前台了

location.replace(‘http://www.example.com‘)与前两者的区别是,在replace之后,浏览历史就被清空了(href与assign方法会产生历史记录)。
时间: 2024-10-28 15:33:59

JS提交表单后回跳的细节处理的相关文章

js日期/时间比较函数,以及js校验表单后提交表单的三种方法,表单验证,以及三种结合

<pre class="html" name="code"> js日期比较(yyyy-mm-dd) function duibi(a, b) { var arr = a.split("-"); var starttime = new Date(arr[0], arr[1], arr[2]); var starttimes = starttime.getTime(); var arrs = b.split("-");

利用JS提交表单的几种方法和验证(必看篇)

第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <script type="text/javascript">    function validate(obj) {     if (confirm("提交表单?")) {       alert(obj.value);       return true;     }

web 界面设计---js提交表单

Java代码   <script type="text/javascript"> function checkImage(){ var imageValue = document.getElementById("actorCard:imageField:image").value; if(imageValue !== ""){ document.getElementById("actorCard").sumbit(

用HTTP状态码实现提交表单后刷新页面不重复提交

正常情况下,表单提交后如果用户刷新页面会重复提交表单,有些情况下我们不希望表单重复提交,利用HTTP协议中的307状态码重定向页面可以实现这个目的.实例如下: 表单页面代码: <form action="1.php" method="post"> <input type="text" name="na"> <input type="submit" value="提交&

JS 提交表单

实例一:javascript 页面加裁时自动提交表单Form表单:<form method="post" id="myform" action="a.php"><input type="submit" value="提交表单"></form> javascript 代码:<script type="text/javascript">func

Form提交表单后页面刷新不跳转的实现

<form action="" id="" method="post" target="nm_iframe"> <input type="text" id="input_text" name="input_text"/> <input type="submit" id="sobmit" name=&

使用jquery.form.js提交表单上传文件

方法: 1.formSerilize()  用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式. 2.clearForm()   清除表单中所有输入值的内容. 3.restForm    重置表单中所有的字段内容.即将所有表单中的字段恢复到页面加载时的默认值. 疑问:ajaxForm()与ajaxSubmit()的区别: 答案:$("#form1").ajaxForm();  相当于以下两行: 1 2 3 4 $("#form1".subm

laravel中,提交表单后给出提示例如添加成功,添加失败等等

laravel中的表单插入,我想在表单插入成功后,可以像thinkphp一样可以有一个提示内容,上网Google,他们还是给出的方法就是 return redirect('/')->with('message', 'Message sent!'); 然后在view中接收 @if(Session::has('message')) <div class="alert alert-info"> {{Session::get('message')}} </div>

JS 提交表单2-Query Ajax post(json数组,form表单经serialize()序列化,html拼接)

$.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , data: data , success: success , dataType: dataType }); 二.$.ajax的参数描述 参数 描述 url 必需.规定把请求发送到哪个 URL. data 可选.映射或字符串值.规定连同请求发送到服务器的数据. success(data, textS