jquery利用json實(shí)現(xiàn)頁面之間傳值的實(shí)例解析
更新時(shí)間：2016年12月12日 10:50:15 作者：edisoner
本文主要介紹了jquery利用json實(shí)現(xiàn)頁面之間傳值的方法，具有很好的參考價(jià)值，需要的朋友可以看下
首先，A頁面利用按鈕打開B頁面
function SelectUnit() {
OpenDialogBox(epoint.url.getAbsoluteUrl("PK_UserSelect.aspx"), '', "選擇人員", AfterOpen, 800, 800);
}
在這個(gè)方法中調(diào)用afateropen 方法，A頁面前臺頁面綁定B頁面?zhèn)鬟^來的json值
function AfterOpen(rtnStr) {
var json = rtnStr;
$("[id$='txtName']").val(json.Name);
$("[id$='User']").val(json.RowGuid);
$("[name=rbn_list]").eq(1).prop("checked", "true");
if (json.Sex == 0) {
$("[id$='txtSex']").val("男");
}
else {
$("[id$='txtSex']").val("女");
}
$("[id$='txtDanWeiName']").val(json.DanWeiName);
$("[id$='txtIdentityNum']").val(json.IdentityNum);
}
在B頁面中，datagird綁定調(diào)用jquery
<epoint:TemplateColumn HeaderText="選擇">
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<input type="radio" id="sel" onclick="ReturnDJH('<%#DataBinder.Eval(Container.DataItem,"RowGuid")%> ','<%#DataBinder.Eval(Container.DataItem,"Name")%> ','<%#DataBinder.Eval(Container.DataItem,"Sex")%> ','<%#DataBinder.Eval(Container.DataItem,"DanWeiName")%> ','<%#DataBinder.Eval(Container.DataItem,"IdentityNum")%> ')" value="確認(rèn)選擇" />
</ItemTemplate>
</epoint:TemplateColumn>
function ReturnDJH(RowGuid,Name,Sex,DanWeiName,IdentityNum) {
var json={
'RowGuid':RowGuid,'Name':Name,'Sex':Sex,'DanWeiName':DanWeiName,'IdentityNum':IdentityNum
};
CloseParentDialogBox(json);//關(guān)閉頁面?zhèn)髦?
}
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
相關(guān)文章
jQuery HTML設(shè)置內(nèi)容和屬性操作實(shí)例分析
這篇文章主要介紹了jQuery HTML設(shè)置內(nèi)容和屬性操作,結(jié)合實(shí)例形式分析了jQuery HTML設(shè)置內(nèi)容和屬性相關(guān)函數(shù)與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
這篇文章主要介紹了jquery驗(yàn)證郵箱格式并顯示提交按鈕，只有輸入email地址正確才顯示提交按鈕演示，感興趣的小伙伴們可以參考一下2015-11-11
本篇文章給大家分享了20個(gè)最常見的jQuery面試問題及答案，對此有需要的朋友可以參考下。2018-05-05
Jquery讓form表單異步提交代碼實(shí)現(xiàn)
這篇文章主要介紹了Jquery讓form表單異步提交代碼實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
下面小編就為大家?guī)硪黄钊肜斫鈐Query中的事件冒泡。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
jQuery-1.9.1源碼分析系列（十一）DOM操作續(xù)之克隆節(jié)點(diǎn)
這篇文章主要介紹了jQuery-1.9.1源碼分析系列（十一）DOM操作續(xù)之克隆節(jié)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2015-12-12
很多人可能都會(huì)遇到在調(diào)試的時(shí)候用了return了false，可為什么還會(huì)提交呢？這個(gè)問題我最近也碰到了，嘗試了多次也沒有用，后來終于發(fā)現(xiàn)了其中的問題，下面分享處理給大家，讓同樣遇到這個(gè)問題的朋友們能夠看看，有需要的朋友們下面來一起看看吧。2016-10-10
基于jQuery的一個(gè)擴(kuò)展form序列化到j(luò)son對象
jQuery沒有直接支持form到j(luò)son的序列化方法，目前網(wǎng)上有一個(gè)實(shí)現(xiàn)是這樣的2010-12-12
JQuery實(shí)現(xiàn)列表中復(fù)選框全選反選功能封裝(推薦)
在做列表時(shí)經(jīng)常會(huì)遇到全選，反選進(jìn)行批量處理問題。通過本文給大家介紹JQuery實(shí)現(xiàn)列表中復(fù)選框全選反選功能封裝，對jq復(fù)選框全選反選功能感興趣的朋友一起看看吧2016-11-11
JQuery實(shí)現(xiàn)的按鈕倒計(jì)時(shí)效果
這篇文章主要介紹了JQuery實(shí)現(xiàn)的按鈕倒計(jì)時(shí)效果,涉及jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)修改按鈕屬性的相關(guān)技巧,需要的朋友可以參考下2015-12-12