实现json、做出提示框

1、在controller中使用flash.now[:alert] = "str"方法来做print

def topodata#@vnic = Vnic.all#flash.now[:notice] = 'Message sent!'#flash.now[:alert] = 'Message sent!'@vnic = {nodes: [{ name: 'bob', age: "22", awesome: "true" }, { name: 'bob', age:      22, awesome:true }],
links: [{ name: 'bob', age: "22", awesome: "true" }, { name: 'bob', age: 22,  awesome:true }]}flash.now[:alert] = @vnicrespond_to do |format|format.htmlformat.json { render json: @vnic } #这里会自动调用to_jsonend
end

  

2、在view中使用链接来做提示 alert也可以换做confirm

<a href= 'http://192.168.1.251:3000/vnets'  οnclick="return(alert('<%= current_user.email %>'))">删除</a>

转载于:https://www.cnblogs.com/juandx/p/3955103.html

json数据 提示框flash.now[:notice] flash.now[:alert]相关推荐

  1. 十、基础教程-数据提示框(Tooltip)

    数据提示框指的当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值.数据单位等.数据提示框内提示的信息完全可以通过格式化函数动态指定:通过设置 tooltip.enabled = false ...

  2. HightChart数据提示框(Tooltip)

    数据提示框指的当鼠标悬停在某点上时,以框的形式提示该点的数据,比如该点的值,数据单位等.数据提示框内提示的信息完全可以通过格式化函数动态指定:通过设置 tooltip.enabled = false  ...

  3. 解决IE浏览器处理返回JSON数据提示下载问题

    一.问题 Ajax请求后台,后台返回json数据,在IE浏览器弹出XXX.json下载提示,不能正确接收Json数据,谷歌浏览器无此问题 二.原因分析 此时response中header的Conten ...

  4. Echarts中tooltips数据格式化(点击不同的lengend数据提示框中显示相应的单位)

    # EchartsAPI入口:http://echarts.baidu.com/option.html#title 1. 效果图:     官方文档:http://echarts.baidu.com/ ...

  5. html js 循环提示框,纯js超酷消息提示框插件notice.js

    notice.js是一款纯js超酷消息提示框插件.notice.js为纯js编写,没有任何依赖文件.通过它可以在页面上制作出漂亮的toast消息通知框效果.该js消息提示框插件的特点还有: 支持4中情 ...

  6. bootstrap中表格、修饰图片、浮动、背景框、提示框及关闭提示框、元素淡入淡出及jQuery中操作类名

    表格: bootstrap中用类定义了几个风格的表格,使用时给table标签加上类名即可,具体如下: 类名 描述 .table 基础表格:标题加粗,只有水平的淡灰色边框线条,没有垂直方向的线条 .ta ...

  7. WEB自动化_告警框处理(对话框、确认框、提示框、输入/编辑框、勾选框、单选框、复选框、下拉框)

    WEB自动化_下拉框选择(通过元素的value属性选择.下标选择.文本选择) 1. 获取(对话框.确认框.提示框)对象 al = driver.switch_to.alert点击ok 获取文本 点击c ...

  8. JSON数据、字符串拼接、宽字符处理、数组、Notice警告、isset和empty、变量、作用域、常量、include和require

    JSON数据: 字面量是代码中表述数据的手段,JSON是一门类似于js字面量表述数据的手段,JSON是现在市面上用的最广的数据表述手段. 1.JSON对象中属性名称必须用双引号引起来 2.JSON中字 ...

  9. ie8/9收到json数据后提示下载的解决方法

    使用fineuploader上传文件,收到处理程序的返回结果为json数据,在google和ie10及以上没有问题,但在ie8.ie9下提示下载json,为避免出现提示下载框, 修改文件Global. ...

最新文章

  1. 排序(一)归并、快排、优先队列等(图文具体解释)
  2. OUTER在mysql_MySQL不支持OUTER APPLY
  3. 任务队列,消息队列和rpc的区别是什么?
  4. nginx strip模块优化页面
  5. 万物之始正则表达式全解析三部曲(中篇)-正则表达式运算符优先级及匹配规则
  6. Windows 7 在资源管理器中显示软件快捷方式
  7. java生产者与消费者问题_java生产者与消费者问题
  8. php注释验证,注解验证 · ThinkPHP6.0完全开发手册 · 看云
  9. 复习---使用基础语法实现栈及迭代
  10. JS获取子节点、父节点和兄弟节点的方法实例总结
  11. ug草图精度怎么设置_UG怎么设置草图尺寸? UG草图尺寸的编辑方法
  12. 怎样邀请别人加入企业微信?
  13. 小程序通过background-image设置背景图片
  14. 金代文化是中华民族文化的重要组成部分
  15. xxxxxxxxxxxx
  16. BootStrap4中使用图标
  17. 微信小程序组件库——colorUI 的使用方法
  18. word交叉引用后,移动文章结构,修改引用顺序到符合引用先后
  19. 机器人测钢卷直径_自动拆钢卷捆带装置的制作方法
  20. Ajax参数对照及Success内容

热门文章

  1. 配置apache+php环境详解
  2. 利用OpenCV的库函数Sobel和Scharr作图像的边缘检测
  3. /etc/passwd /etc/shadow 详解
  4. Tomcat User 配置
  5. java 读取html模板文件_Java根据html模板创建 html文件
  6. java canvas 画图片_[Java教程][HTML5] Canvas绘制简单图片
  7. 香蕉派安装64位linux,在香蕉派里安装配置archlinux到树莓派
  8. python多进程存储数据_[b0035] python 归纳 (二十)_多进程数据共享和同步_共享内存Value Array...
  9. 《Java从小白到大牛》之第9章 字符串
  10. 【WebRTC】网页实时通信