在项目中使用layer弹出层的时候,遇到一个问题,就是利用ajax请求后台数据成功时,调用layer弹出层(iframe),如何把数据传到iframe里面去?

经过百度,发现,使用js把数据拼接起来,然后在success里面去赋值即可

代码:

$.ajax({

url: "{$site_url}",

type: 'POST',

dataType: 'json',

data: {'app':'my_member','act':'get_city_data','city':city},

success:function(json){

if (json.code==1) {

return false;

}

var data = json.data;

layer.open({

type: 2,

title: '市区域消费提成',

shadeClose: true,

shade: false,

maxmin: true, //开启最大化最小化按钮

area: ['820px', '200px'],

content: "{$site_url}?app=my_member&act=show_city",

success:function(layero, index){

var body = layer.getChildFrame('body', index);

var _string = '

$.each(data.city,function(i,n){

_string+='

'+n.are+''+n.points+''+n.num+'';

})

_string+='

总金额(元)'+data.total_money+'';

//console.log(data.city);

$(body).html(_string);

}

});

},

error:function(msg){

console.log(msg);

}

})

layer文件ajax上传,layer弹出层数据传输到content里面相关推荐

  1. Java实现文件上传-按钮弹出上传页面

    转自: https://blessht.iteye.com/blog/1405057 最近自己在做一个小系统玩的时候涉及到了文件的上传,于是在网上找到Java上传文件的方案,最后确定使用common- ...

  2. layer.open属性详解 layui弹出层

    layer.open属性 layer.open({// 弹窗层类型:0(信息框,默认)1(页面层)2(iframe层,也就是解析content)3(加载层)4(tips层)type: 1,// 关闭按 ...

  3. ajax向服务器上传文件,ajax 上传文件到服务器

    ajax 上传文件到服务器 内容精选 换一换 安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装 ...

  4. el-upload上传失败提示框重新上传直接弹出选择文件

    今天在做element的上传文件的时候,需要上传失败提示后重新上传 这样就可以在$confirm中点击后直接选择文件了

  5. layer - 简单好用的Web弹出层组件使用详解1(安装配置、消息提示框)

    一.基本介绍 1,什么是 layer? layer 是一款近年来备受青睐的 web 弹层组件,可轻松实现 Alert / Confirm / Prompt / 普通提示 / 页面区块 / iframe ...

  6. 一篇文章带你搞定 SpringBoot 上传文件(单文件/多文件/Ajax上传)

    文章目录 一.前期配置 二.单文件上传 三.多文件上传 四.Ajax 实现文件上传 五.属性配置 一.前期配置 同样不需要额外配置添加一个 web 功能模块即可 二.单文件上传 上传页面 index. ...

  7. 模仿qq头像上传的弹出框效果

    1.涉及到知识点,如下: 1.1.自定义对话框 1.2.动画 1.3.样式选择器 1.4.shape的使用 2.代码编写 2.1首先创建选择照片的弹出对话框的布局文件,代码如下: headicon_c ...

  8. Android:仿QQ 发表说说/上传照片 弹出框

    代码很简单,主要就是几个动画而已,图标什么的就随便找了几个,效果图:      动画说明: 1.点击右上角按钮,菜单从顶部下拉弹出,同时背景变暗; 2.再次点击右上角按钮,点击返回键,或者点击空白区域 ...

  9. 如何把文件模版上传到SAP数据库层.

    以前上传文件模版的办法是上载到服务器的某个目录下面.这样的不好处就是程序传输到PRD或者QAS系统的时候你还得重新上载.万一有一天BASIS清理服务器的时候不小心干掉了也说不准.用下面的方法可以直接把 ...

最新文章

  1. 创建react应用程序_通过创建食谱应用程序来学习在React中使用API
  2. SpringBoot第六篇:springboot整合mybatis
  3. Spring MVC 学习总结(二)——控制器定义与@RequestMapping详解
  4. [HOW TO]-centos环境搭建opengrok笔记
  5. 数学之路(2)-数据分析-R基础(1)
  6. 基于 abp vNext 和 .NET Core 开发博客项目 - 博客接口实战篇(二)
  7. Linux虚拟机挂载共享文件夹
  8. 分析频域滤波和空域滤波的各自特点_IIR数字滤波器设计(数字信号处理)
  9. 黑盒(功能)测试基本方法
  10. 测试用例--等价类划分、边界值法
  11. ASP.NET超市便利店在线购物商城源码,针对周边配送系统
  12. 越狱苹果手机导出网易云音乐歌曲(以及缓存文件转换)
  13. 手写一个C语言编译器
  14. 最通俗易懂的python与mysql数据库交互
  15. Excel学习——制作周报
  16. Oceanus的实时流式计算实践与优化
  17. Vue项目中引进代码高亮插件——vue-highlightjs
  18. 是否停止运行此脚本?此页面上的脚本造成Internet Explore运行速度减慢
  19. 单容水箱液位pid控制实验报告_单容水箱液位过程控制实验报告
  20. 0 13 amp 0 17c语言,A 58mW 1.2mm2 HSDPA Turbo Decoder ASIC in 0.13amp;#x003BC;m CMOS

热门文章

  1. Apache ActiveMQ 各个版本所依赖的JDK版本
  2. java spring注解维护,从一次工程启动失败谈谈 spring 注解
  3. ef6 mysql_VS2015 + EF6连接MYSQL5.6
  4. python教程简书_Python快速教程
  5. java vector 输出_5.7(java学习笔记)Vector、Enumeration
  6. Python ord 函数 - Python零基础入门教程
  7. php 获取 js json数据类型,JS基础-JS的数据类型和访问/流程控制/JSON格式字符串和js对象相互转换...
  8. java查看蓝牙mac地址_Java如何获取主机的MAC地址?
  9. java对外发布接口文档_java之接口文档规范
  10. 惠普打印机节能环保认证证书_低成本高效办公 苏宁惠普超品日这几款打印机了解下!...