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