javascript:history.go(-1)的使用
1.问题描述
在微信项目开发中,比如常用联系人的增删改查操作中,比如跳入常用联系人管理页面,选中一个联系人修改它,就会跳入修改页面,修改完成后跳转到常用联系人管理页面,此时如果修改成功跳转采用的是页面跳转,则用户在按了返回键的话就会返回到修改页面,这是不正常的。
2.解决
在修改完成后不采用页面跳转的方式,而是采用javascript:history.go(-1),这样返回到了联系人管理页面后再按返回键会直接跳转到个人中心
同样如果中间连续跳了两个页面,比如修改手机号,从个人信息-->点击修改手机号-->验证手机号密码-->修改手机号-->跳转回个人信息,此时也不应使用页面跳转的方式,而是采用javascript:history.go(-2),这样修改完手机号后返回到个人信息,如果用户再按返回键会直接跳转到个人中心,而不是修改手机号页面。
3.代码示例
修改常用联系人部分ajax请求
        $.ajax({
                url:'${request.contextPath}/wx/contacts/editSubmit.html',
                data:{"id":id,"username":username,"typename":typename,"certificateNo":certificateNo},
                type:'post',
                dataType:'json',
                success:function(data){
                    if(data.code==0){
                        layer.msg(data.message,{icon: 1,time:LAYUIConstant.TIP_TIME});
                        /* setTimeout(function () {
                            location.href="${request.contextPath}/wx/contacts/touristMange.html";
                        }, 1500); */
                        location.href="javascript:history.go(-1)";    //修改成功直接返回到常用联系人管理页面
                    }else{
                        layer.msg(data.message,{icon: 5,time:layUIConstant.TIP_TIME});
                    }
                },
                error:function(data){
                    layer.msg(data.message,{icon: 5,time:LAYUIConstant.TIP_TIME});
                }
            });
修改手机号部分代码
function butSubmit(){
            var mobile = $("#mobile").val();
            if($.trim(mobile)==""){
                layer.msg("请输入手机号!",{icon:5,time:JTDUIConstant.TIP_TIME});
                $("#mobile").focus();
                return;
            }
            var smscode = $("#smscode").val();
            if($.trim(smscode)==""){
                layer.msg("请输入验证码!",{icon:5,time:JTDUIConstant.TIP_TIME});
                $("#smscode").focus();
                return;
            }
             $.ajax({
                url : '${request.contextPath}/wx/personalManagement/modifyMobile.html',
                type : 'post',
                data: {"smscode":smscode,"mobile":mobile},
                dataType:"json",
                success : function(data) {
                    if (data.code == 0) {
                        layer.msg(data.message,{icon:1,time:LAYUIConstant.TIP_TIME});
                        location.href="javascript:history.go(-2)";
                    } else {
                        layer.msg(data.message,{icon:5,time:LAYUIConstant.TIP_TIME});
                        return;
                    }
                },
                error:function(data) {
                    layer.msg(data.message,{icon:5,time:LAYUIConstant.TIP_TIME});
                }
            });
        }
javascript:history.go(-1)的使用的更多相关文章
- javascript:history.go()和History.back()的区别(转载)
		javascript:history.go()和History.back()的区别 <input type=button value=刷新 onclick="window. ... 
- javascript history.go(-1) 返回刷新不起作用
		js返回刷新两种方式: 方式一:有提示框 <input type="button" onClick="javascript:history.go(-1);loca ... 
- [转载]Javascript:history.go()和history.back()的用法和区别
		Javascript:history.go()和history.back()的用法和区别 简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失:back(): 返回上一页,原页表表单中的 ... 
- javascript.history.go();
		转自:http://www.mikebai.com/Article/2009-11/757.html <input type=button value=刷新 onclick="wind ... 
- javascript 返回上一页面:onclick="javascript:history.back(-1);"
		<a href="<a href="javascript :history.back(-1)">返回上一页</a>或<a href=& ... 
- html实现返回上一页的几种方法(javaScript:history.go(-1);)
		html实现返回上一页的几种方法(javaScript:history.go(-1);) 一.总结: 1.javaScript:history.go(-1); 二.方法 1.通过超链接返回到上一页 & ... 
- Javascript history pushState onpopstate方法做AJAX SEO
		参考MDN: https://developer.mozilla.org/zh-CN/docs/DOM/Manipulating_the_browser_history https://develop ... 
- JavaScript -- History
		-----042-History.html----- <!DOCTYPE html> <html> <head> <meta http-equiv=" ... 
- 【转】 JavaScript:history.go() 的妙用(转) 处理post回发后返回
		在Web开发中,会遇到从一页(父页)导向另一页(子页),并且要求“返回”父页的情况,在这里如果用ASP.NET提供的 Response.Redirect()方法,往往不会达到理想的效果,例如:返回后, ... 
随机推荐
- .NET CORE 怎么样从控制台中读取输入流
			.NET CORE 怎么样从控制台中读取输入流 从Console.ReadList/Read 的源码中,可学习到.NET CORE 是怎么样来读取输入流. 也可以学习到是如何使用P/Invoke来调用 ... 
- 漫话:如何给女朋友解释什么是"锟斤拷"?
			漫话:如何给女朋友解释什么是"锟斤拷"?  周末女朋友出去逛街了,我自己一个人在家看综艺节目,突然,女朋友给我打来电话. 过了一会,女朋友回来了,她拿出手机,给我看了她在超市拍的 ... 
- 一、mysql数据库,忘记密码怎么处理及处理过程中遇见的问题
			1.输入cmd命令打开控制台: 2.进入mysql.exe所在的路径: 3.执行mysqld --skip-grant-tables(注意:在输入此命令之前先在任务管理器中结束mysqld.exe进程 ... 
- 用户数从 0 到亿,我的 K8s 踩坑血泪史
			作者 | 平名 阿里服务端开发技术专家 导读:容器服务 Kubernetes 是目前炙手可热的云原生基础设施,作者过去一年上线了一个用户数极速增长的应用:该应用一个月内日活用户从零至四千万,用户数从零 ... 
- 第二十四届全国青少年信息学奥林匹克联赛初赛 普及组C++语言试题
			第二十四届全国青少年信息学奥林匹克联赛初赛 普及组C++语言试题 1.原题呈现 2.试题答案 3.题目解析 因博客园无法打出公式等,所以给你们几个小编推荐的链接去看看,在这里小编深感抱歉! https ... 
- codeforces 812 E. Sagheer and Apple Tree(树+尼姆博弈)
			题目链接:http://codeforces.com/contest/812/problem/E 题意:有一颗苹果树,这个苹果树所有叶子节点的深度要不全是奇数,要不全是偶数,并且包括根在内的所有节点上 ... 
- codeforces 459 E. Pashmak and Graph(dp)
			题目链接:http://codeforces.com/contest/459/problem/E 题意:给出m条边n个点每条边都有权值问如果两边能够相连的条件是边权值是严格递增的话,最长能接几条边. ... 
- 如何设计web系统的监控
			如何使用httpclient设计开发一套web系统监控? 我之前有实现和写过关于运维和开发两个层面的监控系统的文章(https://www.cnblogs.com/zhikou/p/8576891.h ... 
- 实现一个基于码云Storage
			实现一个简单的基于码云(Gitee) 的 Storage Intro 上次在 asp.net core 从单机到集群 一文中提到存储还不支持分布式,并立了一个 flag 基于 github 或者 开源 ... 
- ECMAScript es6新功能讲解视频教程
			下载链接:https://www.yinxiangit.com/1.html 目录: 01.课程介绍-ECMAScript 新功能.mp402.块的作用域-let.mp403.恒量-const.mp4 ... 
