博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
django后台返回的数据使用ajax直接填充到前台页面的表格中
阅读量:3721 次
发布时间:2019-05-22

本文共 984 字,大约阅读时间需要 3 分钟。

web前端页面:

流程管理
流程ID 流程名称 流程版本 操作

从后台返回的json数据:

[{"deploymentId":"80001","id":"leave-16","name":"leave","version":16},{"deploymentId":"80015","id":"leave-17","name":"leave","version":17},{"deploymentId":"80022","id":"leave-18","name":"leave","version":18},{"deploymentId":"90001","id":"leave-19","name":"leave","version":19},{"deploymentId":"90012","id":"leave-20","name":"leave","version":20},{"deploymentId":"100001","id":"leave-21","name":"leave","version":21}]

前端的js代码:(这里用的ajax返回给前台的json并做处理)

$(function(){	$.ajax({		url:"/jbpm2web/jbpm/show?username=<%=session.getAttribute("username") %>",		type:"get",		success: function(data){		var obj=eval(data);		var tbody=$('');		$(obj).each(function (index){			var val=obj[index];			var tr=$('');			tr.append(''+ val.id + '' + ''+ val.name + '' +''+ val.version + '' + '删除流程|">发起流程');			tbody.append(tr);	});$('#myTable tbody').replaceWith(tbody);}});});

 

转载地址:http://cznnn.baihongyu.com/

你可能感兴趣的文章
MySQL - 索引之B+树
查看>>
Spring - Dubbo的底层实现原理和机制
查看>>
Flutter Dio引入和简单的Get/Post请求
查看>>
Flutter Dart 和 Flutter json转实体类(插件自动生成)
查看>>
Flutter 路由跳转fluro
查看>>
Flutter 日期插件date_format 中文 国际化 及flutter_cupertino_date_picker
查看>>
Flutter 插件笔记 | 屏幕适配 flutter_screenutil
查看>>
Flutter UI基础 - 侧拉抽屉菜单
查看>>
Flutter UI基础 - AppBar中标题文字如何居中
查看>>
Flutter UI基础 - Drawer 抽屉视图与自定义header
查看>>
Flutter UI基础 - 点击展开和关闭
查看>>
Flutter UI基础 - GridView
查看>>
Flutter UI - 打造一个圆形滑块(Slider)
查看>>
Flutter UI基础 - 分割线效果实现
查看>>
Flutter UI基础 - DecoratedBox组件
查看>>
Flutter UI基础 - 使用InkWell给任意Widget添加点击事件
查看>>
OC WKWebView的使用
查看>>
Flutter UI基础 - Image.asset 图片铺满布局
查看>>
Flutter UI基础 - Row、Column详解
查看>>
Flutter UI基础 - 添加背景图片
查看>>