Web前端开发网页页面自动跳转并取到值

日期:2021-02-23 类型:科技新闻 

关键词:图片模板,淘宝作图用什么软件好,在线制作白底图,设计图制作软件,抠图软件

纪录1下

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

先来举1个栗子;)

这个是A网页页面

这是B网页页面

根据点一下A网页页面上的加上系统日志 自动跳转到B网页页面,并将在B网页页面上加上的系统日志內容传到A网页页面上 鲜红色框部位

 最先引入js,我这里有引入openpage.js 自身的1个软件

//这个是放在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 = '<div class="accessLog"><div class="val-log">' + Remark + '</div><div class="time-log">' + AddTimeStr + '</div></div>';
            $(".js_noJilu").hide();
            $(".js_rizhi").prepend(html)
        }
 <div class="detailss-btn js_openPage" data-url="/OACustomer/AddLogView?Id=@detail.Id">加上系统日志</div>

 

公共性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);
                    }
                }
            })
        }
//网页页面內容
<form action="/OACustomer/SubmitAddLog">//后台管理递交数据信息的action(SubmitAddLog)
<!------action 递交详细地址------>
<input type="hidden" value="@detail.Id" name="FkOACustomer"/>
<div class="remarks">
<p><i style="color:#f00">*</i>备注留言:</p>
<p>
<textarea placeholder="请填写申请办理描述(必填)" class="js_inputbox" name="Remark" data-tipname="备注留言" data-valid='{required:true}'></textarea></p>
</div>
</form>

取完数据信息,点一下递交就会关掉1个网页页面即B网页页面,返回上1个网页页面即A网页页面。最终取到了数据信息显示信息在A网页页面的鲜红色框处了。

以上所述是网编给大伙儿详细介绍的Web前端开发网页页面自动跳转并取到值,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!