記錄一下
（從A頁面跳轉(zhuǎn)到B頁面，并將B頁面的值取到賦到A頁面上顯示）
先來舉一個(gè)栗子;)
這個(gè)是A頁面
這是B頁面
通過點(diǎn)擊A頁面上的添加日志 跳轉(zhuǎn)到B頁面，并將在B頁面上添加的日志內(nèi)容傳到A頁面上 紅色框位置
首先引用js，我這里有引用openpage.js 自己的一個(gè)插件
//這個(gè)是放在A頁面上的
//將填寫的日志 返回的json數(shù)據(jù) 填充到客戶詳情
function DunnAge(data) { //成功之后從B頁面返回的數(shù)據(jù)data
var data = JSON.parse(JSON.stringify(data));
var Remark = data.Body.Remark;//內(nèi)容
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里面配置頭部
（詳細(xì)的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("加載失敗，請(qǐng)重試");
},
success: function (data) {
if (data.DictJsonStatus == 200) {
//將填寫的日志 返回的json數(shù)據(jù) 填充到客戶詳情
$.zProtocol({
type: "Close.Page",
path: "/1",
success: 'DunnAge(' + JSON.stringify(data) + ')'
});
} else {
$.dialog.openDialogString(data.Msg);
}
}
})
}
//頁面內(nèi)容
<form action="/OACustomer/SubmitAddLog">//后臺(tái)提交數(shù)據(jù)的action(SubmitAddLog)
<!------action 提交地址------>
<input type="hidden" value="@detail.Id" name="FkOACustomer"/>
<div class="remarks">
<p><i style="color:#f00">*</i>備注留言：</p>
<p>
<textarea placeholder="請(qǐng)?zhí)顚懮暾?qǐng)表述（必填）" class="js_inputbox" name="Remark" data-tipname="備注留言" data-valid='{required:true}'></textarea></p>
</div>
</form>
取完數(shù)據(jù)，點(diǎn)擊提交就會(huì)關(guān)閉一個(gè)頁面即B頁面，回到上一個(gè)頁面即A頁面。最后取到了數(shù)據(jù)顯示在A頁面的紅色框處了。
以上所述是小編給大家介紹的Web前端頁面跳轉(zhuǎn)并取到值，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)網(wǎng)站的支持！
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。