前端跳转页面的方式,web前端实现网页之间的跳转
记录一下
（从A页面跳转到B页面，并将B页面的值取到赋到A页面上显示)
先来举一个栗子；)
这个是A页面
这是B页面
通过点击A页面上的添加日志跳转到B页面，并将在B页面上添加的日志内容传到A页面上红色框位置
首先引用js，我这里有引用openpage.js自己的一个插件
//这个是放在A页面上的//将填写的日志返回的数据数据填充到客户详情功能垫料（数据){ //成功之后从B页面返回的数据数据变量data=JSON。解析(JSON。stringify(数据))；var备注=数据。正文。备注；//内容var AddTimeStr=data .身体。AddTimeStrvar html= div class= access log div class= val-log Remark /div div class= time-log AddTimeStr /div/div；$(.js _ noji Lu’).hide()；$(.js _ rizhi’).prepend(html)} div class= detailss-BTN js _ open page data-URL=/OA customer/addlog view？Id=@详细信息 Id 添加日志/div
公共js里面配置头部
（详细的应用头部配置说明-应用配置页面头部)
A页面的头部/OA客户/客户详细信息:{ title:客户详情，headLeft: [{ foreImage: iconback ，eventString: gjj://Close .第/1页？js callback=jc5 wydbmucc 2c vhcmnokck 7 }]，head right:[{ foreign image: icondrop ，type: DropDownList ，menus:[{ icon image: iconcontentchange ，alpha: 100 ，text:修改客户信息，textSize: 16，textColor: 000000 ，backColor: FFFFFF ，eventString: modiFicaTion() }，]，}] }，B页面的头部/OA customer/addlog view:“{ title:”添加客户日志，headRight: [{ text:提交，eventString: submit() }] }//js里配置的头部//这是放在B页面上的//提交函数submit() { var mes=$(form ).validator()；if(mes){ $。对话。打开dialog string(mes)；返回false } var URL=/OA customer/submit addlog ；$.ajax({ type: post ，url: url，data: $(form ).序列化()，数据类型： json ，beforeSend: function () { }，错误：function(){ $。对话。opendialogstring(加载失败，请重试);},成功：函数（数据){如果(数据DictJsonStatus==200) { //将填写的日志返回的数据数据填充到客户详情$.zProtocol({ type: Close .Page ，path:"/1 "，success: DunnAge( JSON。stringify(data)) })；} else { $。对话。打开dialogstring(数据.味精);} } }) }//页面内容表单操作=/OACustomer/SubmitAddLog//后台提交数据的action(SubmitAddLog)！-行动提交地址-输入类型=隐藏值=@detail .id name= FkOACustomer /div class=备注pi style=color:#f00*/i备注留言：/pptextarea placeholder=请填写申请表述（必填) class= js _ inputbox name= Remark data-tip name=备注留言data-valid= { required:true } /textarea/p/div/form取完数据，点击提交就会关闭一个页面即B页面，回到上一个页面即A页面。最后取到了数据显示在A页面的红色框处了。
以上所述是小编给大家介绍的网前端页面跳转并取到值，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。