网页开发中如何实现页面跳转并能传值

  介绍

小编给大家分享一下网络开发中如何实现页面跳转并能传值,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

先来举一个栗子:

这个是一页面

巴缈⒅腥绾问迪忠趁嫣⒛艽?

这是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页面,回到上一个页面即一页面。最后取到了数据显示在一页面的红色框处了。

看完了这篇文章,相信你对网络开发中如何实现页面跳转并能传值有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

网页开发中如何实现页面跳转并能传值