页面跳转并执行自点击事件

											                 《页面跳转并执行自点击事件》
											(作者:覃煜霖,撰写时间:2019年02月22日)

在这之前我们要搭建一个页面,而这个页面最好如图1(引用邱铭涛所搭的页面):
在这里插入图片描述
图1
在图1中右边有多个点击按钮,每一个点击按钮都包含着一个隐藏的页面。
HTML页面样式:
首先布置好页面样式,页面样式代码如下:

  • 请选择
输出结果,如图2 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190329092851458.png) 图2 我们要达到的效果是通过点击图2中的+,页面跳转到图1所示的页面,并且使其执行供应商的点击事件,显示供应商的基础数据页面。那么我们就不仅仅需要跳转到图1所示的页面,还需要传参数到图1的所示的页面,图1所示的页面接收到参数后,进行一个判断,判断图2这个页面传了什么参数过来,当然,参数是什么可以自己定义。本文就将图1中右边的选项按钮从0到7分别代表一个基础数据,那么,供应商就是数字5,所以,本文中会以数字5代表供应商传达给图1所示页面。 先给图2中的+添加一个点击事件,使其通过控制页面将数字5传达到图2的页面并且跳转到图2的页面。 HTML代码(图1页面): $("#tiaozhuan").click(function () { $.post("/JurisdictionGL/JichuXI/Daohang?daohang=" + 5) //基础数据 layerIndex = layer.open({ type: 2, area: ['1000px', '600px'], title: "基础信息维护", offset: "51px", content: "/JurisdictionGL/JichuXI/JichuXI?time=" + (new Date()).getTime() //这里content是一个URL, }); }); 由于本文的另一个页面是由搭档用LAYER插件写出来的一个弹窗页面, 所以需要一些调整,如果是页面,则直接使用window的跳转方式即可。

控制层代码:
public ActionResult Daohang(int daohang)
{
Session[“daohang”] = daohang;
return Json("");
}
// Session[“daohang”]保存daohang
接下来要在图2的页面HTML中接收数据
HTML代码(图2页面):
创建文本框接收传递过来的参数

进行对传递的参数进行判断
$(function () {
var DaoHang = $("#DAOHANG").val();
if (DaoHang == “” || DaoHang == undefined || DaoHang == null){
//判断是否有传递参数,如果没有则判定为不是从其他页面跳转过来的
} else if (DaoHang == 5) {
$("#diangongyingshang").click();
//判断如果为5,则执行图2所示的页面中的“供应商管理”按钮,显示对应的页面容。
}
});

猜你喜欢

转载自blog.csdn.net/weixin_44543103/article/details/88884237