layer文件ajax上传,layer弹出层数据传输到content里面
在项目中使用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里面相关推荐
- Java实现文件上传-按钮弹出上传页面
转自: https://blessht.iteye.com/blog/1405057 最近自己在做一个小系统玩的时候涉及到了文件的上传,于是在网上找到Java上传文件的方案,最后确定使用common- ...
- layer.open属性详解 layui弹出层
layer.open属性 layer.open({// 弹窗层类型:0(信息框,默认)1(页面层)2(iframe层,也就是解析content)3(加载层)4(tips层)type: 1,// 关闭按 ...
- ajax向服务器上传文件,ajax 上传文件到服务器
ajax 上传文件到服务器 内容精选 换一换 安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装 ...
- el-upload上传失败提示框重新上传直接弹出选择文件
今天在做element的上传文件的时候,需要上传失败提示后重新上传 这样就可以在$confirm中点击后直接选择文件了
- layer - 简单好用的Web弹出层组件使用详解1(安装配置、消息提示框)
一.基本介绍 1,什么是 layer? layer 是一款近年来备受青睐的 web 弹层组件,可轻松实现 Alert / Confirm / Prompt / 普通提示 / 页面区块 / iframe ...
- 一篇文章带你搞定 SpringBoot 上传文件(单文件/多文件/Ajax上传)
文章目录 一.前期配置 二.单文件上传 三.多文件上传 四.Ajax 实现文件上传 五.属性配置 一.前期配置 同样不需要额外配置添加一个 web 功能模块即可 二.单文件上传 上传页面 index. ...
- 模仿qq头像上传的弹出框效果
1.涉及到知识点,如下: 1.1.自定义对话框 1.2.动画 1.3.样式选择器 1.4.shape的使用 2.代码编写 2.1首先创建选择照片的弹出对话框的布局文件,代码如下: headicon_c ...
- Android:仿QQ 发表说说/上传照片 弹出框
代码很简单,主要就是几个动画而已,图标什么的就随便找了几个,效果图: 动画说明: 1.点击右上角按钮,菜单从顶部下拉弹出,同时背景变暗; 2.再次点击右上角按钮,点击返回键,或者点击空白区域 ...
- 如何把文件模版上传到SAP数据库层.
以前上传文件模版的办法是上载到服务器的某个目录下面.这样的不好处就是程序传输到PRD或者QAS系统的时候你还得重新上载.万一有一天BASIS清理服务器的时候不小心干掉了也说不准.用下面的方法可以直接把 ...
最新文章
- 创建react应用程序_通过创建食谱应用程序来学习在React中使用API
- SpringBoot第六篇:springboot整合mybatis
- Spring MVC 学习总结(二)——控制器定义与@RequestMapping详解
- [HOW TO]-centos环境搭建opengrok笔记
- 数学之路(2)-数据分析-R基础(1)
- 基于 abp vNext 和 .NET Core 开发博客项目 - 博客接口实战篇(二)
- Linux虚拟机挂载共享文件夹
- 分析频域滤波和空域滤波的各自特点_IIR数字滤波器设计(数字信号处理)
- 黑盒(功能)测试基本方法
- 测试用例--等价类划分、边界值法
- ASP.NET超市便利店在线购物商城源码,针对周边配送系统
- 越狱苹果手机导出网易云音乐歌曲(以及缓存文件转换)
- 手写一个C语言编译器
- 最通俗易懂的python与mysql数据库交互
- Excel学习——制作周报
- Oceanus的实时流式计算实践与优化
- Vue项目中引进代码高亮插件——vue-highlightjs
- 是否停止运行此脚本?此页面上的脚本造成Internet Explore运行速度减慢
- 单容水箱液位pid控制实验报告_单容水箱液位过程控制实验报告
- 0 13 amp 0 17c语言,A 58mW 1.2mm2 HSDPA Turbo Decoder ASIC in 0.13amp;#x003BC;m CMOS
热门文章
- Apache ActiveMQ 各个版本所依赖的JDK版本
- java spring注解维护,从一次工程启动失败谈谈 spring 注解
- ef6 mysql_VS2015 + EF6连接MYSQL5.6
- python教程简书_Python快速教程
- java vector 输出_5.7(java学习笔记)Vector、Enumeration
- Python ord 函数 - Python零基础入门教程
- php 获取 js json数据类型,JS基础-JS的数据类型和访问/流程控制/JSON格式字符串和js对象相互转换...
- java查看蓝牙mac地址_Java如何获取主机的MAC地址?
- java对外发布接口文档_java之接口文档规范
- 惠普打印机节能环保认证证书_低成本高效办公 苏宁惠普超品日这几款打印机了解下!...