jquery利用json实现页面之间传值的实例解析


Posted in Javascript onDecember 12, 2016

首先,A页面利用按钮打开B页面

function SelectUnit() {
  OpenDialogBox(epoint.url.getAbsoluteUrl("PK_UserSelect.aspx"), '', "选择人员", AfterOpen, 800, 800);
 }

在这个方法中调用afateropen 方法,A页面前台页面绑定B页面传过来的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);//关闭页面传值
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
根据选择不同的下拉值出现相对应的文本输入框
Aug 01 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 Javascript
小程序实现订单倒计时功能
Apr 23 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
Feb 24 Javascript
vue-cli3 引入 font-awesome的操作
Aug 11 Javascript
JS Canvas接口和动画效果大全
Apr 29 Javascript
多种方式实现js图片预览
Dec 12 #Javascript
JavaScript实现多栏目切换效果
Dec 12 #Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
Dec 12 #Javascript
AngularJS实现用户登录状态判断的方法(Model添加拦截过滤器,路由增加限制)
Dec 12 #Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 #Javascript
AngularJS封装指令方法详解
Dec 12 #Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 #Javascript
You might like
谈谈新手如何学习PHP
2006/12/23 PHP
PHP基础知识介绍
2013/09/17 PHP
10 个经典PHP函数
2013/10/17 PHP
php上传大文件失败的原因及应对策略
2015/10/20 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
比较全面的event对像在IE与FF中的区别 推荐
2009/09/21 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
2011/12/07 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
js带缩略图的图片轮播效果代码分享
2015/09/14 Javascript
javascript回到顶部特效
2016/07/30 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
了解JavaScript函数中的默认参数
2019/05/30 Javascript
利用JavaScript将Excel转换为JSON示例代码
2019/06/14 Javascript
Vue实现多标签选择器
2019/11/28 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
Python httplib模块使用实例
2015/04/11 Python
在Python的Django框架中显示对象子集的方法
2015/07/21 Python
浅析python递归函数和河内塔问题
2017/04/18 Python
Python实现的从右到左字符串替换方法示例
2018/07/06 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
使用python创建Excel工作簿及工作表过程图解
2020/05/27 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
基于HTML5 的人脸识别活体认证的实现方法
2016/06/22 HTML / CSS
自荐信模版
2013/10/24 职场文书
法学研究生自我鉴定范文
2013/12/04 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
全新239军机修复记
2022/04/05 无线电