700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 前端页面跳转并取值的实现

前端页面跳转并取值的实现

时间:2020-05-20 01:48:02

相关推荐

前端页面跳转并取值的实现

web前端|H5教程

实现,取值,页面

web前端-H5教程记录一下

秒赞平台源码,使用vscode 阅读内核源码,ubuntu下li,tomcat系统升级,阿里 爬虫 文件,php多线程实例,安阳seo排名优化团队,在线加密网站文件,织梦模板所在位置lzw

(从A页面跳转到B页面,并将B页面的值取到赋到A页面上显示)

管理软件源码下载,vscode右键不跳转,ubuntu sql密码,tomcat8 tlds,规则爬虫,php汇率接口,seo关键词助手,借款网站源码,boostrap 模板carlzw

先来举一个栗子;)

代码工具源码,安装ubuntu19.04,tomcat在服务器上运行,爬虫收集网站数据,零基础学习php网站教程,新兴seo分析lzw

这个是A页面

这是B页面

通过点击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 +

; $(".js_noJilu").hide(); $(".js_rizhi").prepend(html) }

添加日志

公共js里面配置头部

(详细的App头部配置说明———-App配置页面头部)

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)

*备注留言:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。