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);
}
在這個方法中調(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="確認選擇" />
</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)容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
如何書寫高質(zhì)量jQuery代碼(使用jquery性能問題)
眾所周知，jQuery現(xiàn)在已經(jīng)非常流行，百度新首頁中也已經(jīng)開始使用jQuery，今天總結(jié)下怎么書寫更好的jQuery代碼使jQuery代碼更好、更快的執(zhí)行，希望本篇jQuery教程一改大家以前不合理的做法2014-06-06
jQuery針對input的class屬性寫了多個值情況下的選擇方法
這篇文章主要介紹了jQuery針對input的class屬性寫了多個值情況下的選擇方法,結(jié)合實例形式對比分析了jQuery選擇器針對class屬性中有多個值情況下的選中方法,需要的朋友可以參考下2016-06-06
jquery獲取select,option所有的value和text的實例
下面小編就為大家?guī)硪黄猨query獲取select,option所有的value和text的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
用戶輸入一個表單，輸入準考證和驗證碼，驗證用戶是否輸入表單，點擊查詢提交，然后從服務器得到返回的數(shù)據(jù)并顯示出來2012-10-10
使用jquery datatable和bootsrap創(chuàng)建表格實例代碼
這篇文章主要介紹了使用jquery-datatable和bootsrap創(chuàng)建表格的實例代碼,需要的朋友可以參考下2017-03-03
jqueryMobile 動態(tài)添加元素,展示刷新視圖的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨queryMobile 動態(tài)添加元素,展示刷新視圖的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery EasyUI之驗證框validatebox實例詳解
本文通過實例代碼給大家講解了jQuery EasyUI之驗證框validatebox知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-04-04
setInterval與clearInterval的使用示例代碼
本篇主要是對setInterval與clearInterval的使用示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
jQuery語法高亮插件能夠?qū)撁嬷械母鞣N程序源代碼語法著色加亮，并且支持多種語言，在此分享下，感興趣的朋友可以參考下2013-04-04
這篇文章主要介紹了jQuery自帶的一些常用方法總結(jié),包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以參考下2014-09-09