如何实现Web前端页面跳转并取到值的示例分析

这篇文章将为大家详细讲解有关如何实现Web前端页面跳转并取到值的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联公司-成都网站建设公司，专注成都网站制作、网站建设、网站营销推广，申请域名，雅安服务器托管，网站托管有关企业网站制作方案、改版、费用等问题，请联系成都创新互联公司。

这个是A页面

这是B页面

如何实现Web前端页面跳转并取到值的示例分析

通过点击A页面上的添加日志跳转到B页面，并将在B页面上添加的日志内容传到A页面上红色框位置

首先引用js，我这里有引用openpage.js 自己的一个插件

//这个是放在A页面上的 
//将填写的日志 返回的json数据  填充到客户详情
        function DunnAge(data) { //成功之后从B页面返回的数据data
            var data = JSON.parse(JSON.stringify(data));
            var Remark = data.Body.Remark;//内容
            var AddTimeStr = data.Body.AddTimeStr;
            var html = '' + Remark + '

' + AddTimeStr + '

A页面的头部 "/OACustomer/CustomerDetail": { title: "客户详情", headLeft: [{ foreImage: "iconback", eventString: "gjj://Close.Page/1?jsCallBack=JC5wYWdpbmcuc2VhcmNoKCk7"}], headRight: [{ foreImage: "icondrop", type: "DropDownList", menus: [{ iconImage: "iconcontentchange", alpha: "100", text: "修改客户信息", textSize: 16, textColor: "000000", backColor: "FFFFFF", eventString: "modiFicaTion()" }, ], }] }, B页面的头部 "/OACustomer/AddLogView": { title: "添加客户日志", headRight: [{ text: "提交", eventString: "submit()" }] }//js里配置的头部 //这是放在B页面上的 //提交 function submit() { var mes = $("form").validtor(); if (mes) { $.dialog.openDialogString(mes); return false; } var url = "/OACustomer/SubmitAddLog"; $.ajax({ type: "post", url: url, data: $("form").serialize(), dataType: "json", beforeSend: function () { }, error: function () { $.dialog.openDialogString("加载失败，请重试"); }, success: function (data) { if (data.DictJsonStatus == 200) { //将填写的日志返回的json数据填充到客户详情 $.zProtocol({ type: "Close.Page", path: "/1", success: 'DunnAge(' + JSON.stringify(data) + ')' }); } else { $.dialog.openDialogString(data.Msg); } } }) } //页面内容 //后台提交数据的action(SubmitAddLog)

重庆分公司，新征程启航

如何实现Web前端页面跳转并取到值的示例分析

其他资讯