介绍
小编给大家分享一下网络开发中如何实现页面跳转并能传值,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
先来举一个栗子:
这个是一页面
这是B页面
通过点击一页面上的添加日志跳转到B页面,并将在B页面上添加的日志内容传到一页面上红色框位置
首先引用js,我这里有引用openpage。js自己的一个插件
//这个是放在一页面上的//将填写的日志返回的json数据填充到客户详情 函数衬垫(数据){//成功之后从B页面返回的数据的数据 var data=https://www.yisu.com/zixun/JSON.parse (JSON.stringify(数据); var的话=data.Body.Remark;//内容 var AddTimeStr=data.Body.AddTimeStr; var html='
" +评论+”
”; $ (" .js_noJilu ") hide (); $ (" .js_rizhi ") .prepend (html) }
添加日志
强>
<强>公共js里面配置头部强>
(详细的应用头部配置说明- - - - - - - - - - -应用配置页面头部)
一页面的头部“/OACustomer/CustomerDetail":{标题:“客户详情“,headLeft: [{foreImage:“iconback" eventString:“gjj://Close.Page/1 ? jsCallBack=JC5wYWdpbmcuc2VhcmNoKCk7"}), headRight: [{foreImage:“icondrop",类型:“DropDownList",菜单:[{iconImage:“iconcontentchange"α:“100“,文本:“修改客户信息“,textSize: 16日输入textColor:“000000“,背景色:“FFFFFF", eventString:“修改()“;},,}}, B页面的头部“/OACustomer/AddLogView":{标题:“添加客户日志“,headRight:[{文本:“提交“,eventString:“提交()“;}]}//js里配置的头部//这是放在B页面上的//提交 函数提交(){ var mes=$ (“form") .validtor (); 如果(mes) { 美元.dialog.openDialogString (mes); 返回错误; } var url=?OACustomer/SubmitAddLog"; . ajax({美元 类型:“post", url: url、 数据:$ (“form") .serialize (), 数据类型:“json" beforeSend:函数(){ }, 错误:函数(){ .dialog.openDialogString美元(“加载失败,请重试“); }, 成功:功能(数据){ 如果(数据)。DictJsonStatus==200) {//将填写的日志返回的json数据填充到客户详情 美元.zProtocol ({ 类型:“Close.Page", 路径:“/1“, 成功:& # 39;衬垫(& # 39;+ JSON.stringify(数据)+ & # 39;)& # 39; }); 其他}{ 美元.dialog.openDialogString (data.Msg); } } }) }//页面内容 action=& lt;形式“/OACustomer/SubmitAddLog"在//后台提交数据的行动(SubmitAddLog) & lt; !- - - - - -行动提交地址——比; & lt;输入类型=癶idden"值=https://www.yisu.com/zixun/癅detail.Id”name=" FkOACustomer "/>
<我风格="颜色:# f00 "> * 备注留言:
表单>
取完数据,点击提交就会关闭一个页面即B页面,回到上一个页面即一页面。最后取到了数据显示在一页面的红色框处了。
看完了这篇文章,相信你对网络开发中如何实现页面跳转并能传值有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!