`
KingwarLuo
  • 浏览: 12830 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

前端 js 获取数据字典

 
阅读更多
var Common = {
		dictCache : {},
		showDictText:function(dictType,value){
	        if(value == "" || value == undefined){
	            return "";
	        }
	        var dicts=Common.getDicts(dictType);
	        var rtnStr = "";
            for(var i=0;i<dicts.length;i++){
                if(dicts[i].id== value){
                    rtnStr += dicts[i].text;
                }
            }
	        return rtnStr;
	    },
	    getDicts:function(dictType){
	        if(Common.dictCache[dictType] == undefined || Common.dictCache[dictType] == null){
	            //不存在,获取缓存
	            $.ajax({
	                type: "GET",
	                url: contextPath + "web/admin/system/codetype/dict",
	                async:false,
	                data:{codeTypeId : dictType},
	                dataType: "json",
	                success:function (datas) {
	                    Common.dictCache[dictType] = datas;
	                }
	            });
	        }
	        return Common.dictCache[dictType];
	    }
	}

  后台数据格式为[{id:'1',text:'aaa'},{id:'2',text:'bbb'}]

分享到:
评论

相关推荐

    使用VUE自定义组件封装数据字典实战

    封装组件的目标是接收一个数据字典的类型编码作为输入,组件内部调用后端API获取字典数据并存储,当用户选择项发生变化时,自动更新绑定到业务实体的属性值。这样在编辑页面上,组件能够自动绑定并显示已选择的字典...

    avue-crud-数据字典(网络-dicUrl:返回数据格式data:)

    在IT行业中,尤其是在前端开发领域,数据字典(Data Dictionary)是一种重要的概念,它用于存储和管理应用系统中的数据信息,如字段名、字段类型、字段长度等元数据。在这个场景下,"avue-crud-数据字典(网络-...

    vue前端模拟字典处理后端返回数据

    有时候后端返回的数据字段可能是只有1或者2,这种code,没有返回对应的中文,但是前端又要显示中文,于是我就写了一个demo 可进行参考,只是主要处理就是用了js的一些语法,逻辑基本都是一样的,可以参考我这个demo...

    前端打印时js分页实现共几页和第几页

    本文将详细介绍如何使用JavaScript(js)在前端实现分页功能,包括显示总页数、当前页数,以及触底自动换页,并在每页表头增加固定部分,如金额大写转换和当前时间获取。 一、分页基础 1. 数据分块:分页的核心是...

    php生成数据字典

    5. **前端展示**:使用HTML、CSS和JavaScript构建用户界面,让用户可以输入数据库连接信息并提交,然后在页面上显示生成的数据字典。 6. **安全考虑**:确保输入的数据库连接信息经过验证和过滤,防止SQL注入攻击。...

    新华字典汉字查询_微信小程序模板js代码前台前端H5页面源码.rar

    《新华字典汉字查询》微信小程序模板JS代码与前端H5页面源码解析 在数字化时代,传统的纸质字典逐渐被电子化工具所取代,其中微信小程序作为一种轻量级的应用形式,深受用户喜爱。本资源提供了《新华字典汉字查询》...

    JS实现前端缓存的方法

    在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大...

    前台实时获取数据库字典并展示.zip

    在IT行业中,数据库是存储和管理数据的核心工具,而实时获取数据库字典并展示则是一项重要的功能,尤其对于前端开发人员来说,能够实时查看数据库结构和内容有助于他们更好地理解和使用后端数据。在这个项目中,...

    步步高字典_企业城微信小程序js代码前台前端H5页面源码.rar

    《步步高字典_企业城微信小程序js代码前台前端H5页面源码》是一个用于构建微信小程序的资源包,包含了实现前端H5页面的源代码。这个资源对于开发者来说是宝贵的,因为它提供了深入理解微信小程序开发流程和...

    vue-vuex状态管理,实现数据的集中管理

    Vue.js 是一款流行的前端JavaScript框架,它以组件化开发、轻量级以及高效性著称。Vuex 是 Vue.js 的一个官方插件,专门用于管理应用程序的状态。在大型项目中,随着组件数量的增长,状态管理变得越来越复杂。Vuex ...

    我常用的js组件,包含自动补全,js字典,table动态增减

    标题中的“我常用的js组件,包含自动补全,js字典,table动态增减”揭示了这个压缩包中包含的JavaScript组件类型。这些组件在Web开发中非常常见,用于提高用户体验和增强页面交互性。接下来,我们将深入探讨这些组件...

    步步高字典.zip微信小程序模板源码纯前端静态小程序源码

    这些功能的实现依赖于微信小程序提供的API,例如网络请求API获取远程字典数据,或是本地存储API保存用户查询历史等。同时,源码可能会包含自定义组件,如搜索框、滚动列表等,以提升用户体验和代码复用性。 对于...

    Django和前端用ajax传输json等数据.docx

    例如,提取`argList`中的元素并更新`startArgsSet`字典。然后,将处理后的数据转换为XML格式,保存到本地文件系统,并返回HTTP响应。 总结来说,Django与前端通过Ajax传输JSON数据涉及到以下几个关键步骤: 1. ...

    Django 后台带有字典的列表数据与页面js交互实例

    在本文中,我们将探讨Django框架中如何处理带有字典的列表数据,并将其与前端JavaScript进行交互。这个实例特别关注如何在Django视图(views)中构建数据,然后在HTML模板中使用JavaScript来实现动态展示和交互。 ...

    guns下拉自定义获取

    2. **前端调用**:在guns项目的前端页面中,我们需要使用JavaScript或者Vue.js等前端框架,监听用户的输入事件,如输入框的keyup事件,当用户输入达到一定条件时,调用上述后端接口获取数据。 3. **动态渲染**:...

    jquery将json转为数据字典的实例代码

    当我们需要将JSON格式的数据转换为JavaScript中的数据字典(即对象)以便于使用时,jQuery的AJAX方法就显得尤为重要了。 从提供的文件内容中,我们可以详细了解到如何使用jQuery中的$.ajax方法向服务器发送GET请求...

    JS语法字典.pdf

    本文档《JS语法字典.pdf》主要介绍和解释了JavaScript(简称JS)的基础语法知识。由于此文件内容广泛,我将逐项详细阐述。 1. 文档对象模型(DOM)操作:文档对象模型是HTML和XML文档的编程接口。在文档对象模型中...

    快快查字典微信版新华字典程序源码.zip

    这个程序源码可能包括了微信小程序的前端界面设计、后端数据处理以及与新华字典数据库的交互逻辑。 【内容详解】: 1. **微信小程序开发**:微信小程序是一种轻量级的应用开发平台,它允许开发者在微信内创建无需...

Global site tag (gtag.js) - Google Analytics