layui 点击请求json后台数据

以input 开关切换为例 所有表单元素切换同理 又不同方案请各位大佬指教

<form class="layui-form"><div class="layui-form-item"><label class="layui-form-label">开关开</label><div class="layui-input-block"><input type="checkbox" lay-skin="switch"></div></div><div id="test"><div id="ttt"></div></div></form><script src="layui-v2.5.5/layui/layui.js"></script><script>layui.use(['form', 'table'], *function* () {*var* form = layui.form;// 可以直接引入jq*var* $ = layui.jquery;// 监听事件form.on('switch()', *function* (*e*) {// 获取当前点击标签属性console.log(e)console.log(e.elem)var state = e.elem.checked;// 判断input的状态if (state == true){          $.getJSON('https://cnodejs.org/api/v1/topic/5433d5e4e737cbe96dcef312', function(data) {      $.each(data,*function*(){*console*.log(data)// 模板字符串渲染*var* Str2 = `     <ul><li>${data.data.title}</li><li>${data.data.content}</li></ul>`;$("#test").html(Str2);})});}else{$("#test").empty()}});})

layui 请求后台 josn数据相关推荐

  1. 表单和ajax中的post请求后台获取数据方法(深度好文)

    最近要做后台数据接收,因为前台传来的数据太过于混乱,所以总结了一下前台数据post请求方法,顺便写了下相对应的后台接收方法. 前台主要的contenttype为下面三种:(需要注意的是请求头中data ...

  2. css3加js 3d旋转动画 围绕旋转 根据请求后台的数据动态渲染

    3d 围绕旋转 <style>body {height: auto !important;background-color: #020432;}html{height: auto !imp ...

  3. ajax请求后台表格数据,商品后台表格数据的展现方式

    表格数据的展现方式 编辑页面--> CodeNamePrice 返回值类型的说明 属性信息: total/rows/属性元素{ "total":2000, "row ...

  4. asp.net,Ajax发送异步请求后台修改数据

    <a class="OverInfo" href="javascript:;" data-id="<%=dr["OrderNo& ...

  5. 前台请求后台接口数据后日期少一天Bug解决

    ****BUG

  6. 关于ajax请求后台获取下拉列表用的数据

    一.效果展示 有时候需要在页面请求后台获取数据:这里就用到了ajax去后台获取数据: 数据库的数据是这样的: mysql> select * from ocenter_travel_class_ ...

  7. ajax提交用流的方式,ajax 请求 后台返回的文件流

    download(url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); // 也可以使用POST方式,根据接口 xhr. ...

  8. Layui表格异步请求服务器端分页数据

    文章仅作为个人备忘,未精细整理 方法及配置参考处layui网站及相关网络资源,实现了通过Layui表格快速实现请求服务器端分页数据. 前端代码 <!DOCTYPE html> <ht ...

  9. 进一步封装axios并调用其读取数据(吐槽~在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据)

    注意!!!(修改于2020年7月18日) 在安卓9.0以下或者IOS10.X以下手机端H5页面不支持,在这两种情况下的系统只能使用ajax或者原生js请求后台数据 报错截图如下 报错内容: {&quo ...

最新文章

  1. Xamarin iOS教程之页面控件
  2. POJ 1679 判断最小树是否唯一
  3. [JAVA]引入目录下所有jar包等问题
  4. SAP PP常用表(重要)
  5. mysql实型_mysql 数据类型
  6. anaconda 安装 pytorch
  7. 【数字信号处理】希尔伯特变换系列1之相位处理(含MATLAB代码)
  8. 星外主机销售系统源码_业务员大客户销售订货订单管理系统源码开发外包解析...
  9. sublime后缀_提高数据分析工作效率-Sublime如何设置默认打开文件格式
  10. 【肌电信号】基于matlab GUI脉搏信号脉率存档【含Matlab源码 237期】
  11. 从神话诗歌到奇幻科学的人类探索史·《月亮》·总篇(简版)
  12. 软件测试的四个阶段【单元测试、集成测试、系统测试、验证测试】
  13. B. Shashlik Cooking(思维)
  14. java项目-第90期基于ssm的嘟嘟二手书商城系统
  15. 正则表达必须包含数字字母和特殊字符
  16. 冰河浅析 - 揭开木马的神秘面纱(下)
  17. Java网课基础笔记(7)19-07-19
  18. Ansible mysql_db模块
  19. 真的不建议学Python,煞笔才学习Python,学Python难?两个小时足够搞定
  20. 概率分布:Bernoulli分布,二项分布,multinoulli分布和多项分布

热门文章

  1. php hmac,PHP安全:MAC和HMAC
  2. 零跑C11纯电动汽车的典范
  3. 关于IC卡密钥理解(中级篇)
  4. redis 学习 --->>> 9、Redis 事务机制
  5. 专 静 谦 筹 悟 慎 透 恒
  6. 自定义View高仿懂球帝我是教练效果
  7. 老叶倡议:MySQL压力测试基准值
  8. 解剖android中的闹钟app 一
  9. linux下目录挂接命令是,玩转 Linux 之:磁盘分区、挂载知多少?
  10. Mac OS X 10.2 完美的数码解决方案(转)