• json数据字典,以及数据在下拉框中显示


    建立person_vocation.json数据字典文件,内容:

    [
      {"id":1,"disabled":false,"selected":false,"name":"政府部门"},
      {"id":2,"disabled":false,"selected":false,"name":"教科文"},
      {"id":3,"disabled":false,"selected":false,"name":"金融"},
      {"id":4,"disabled":false,"selected":false,"name":"商贸"},
      {"id":5,"disabled":false,"selected":false,"name":"房地产"},
      {"id":6,"disabled":false,"selected":false,"name":"制造业"},
      {"id":7,"disabled":false,"selected":false,"name":"自由职业"},
      {"id":9,"disabled":false,"selected":false,"name":"事业单位"},
      {"id":10,"disabled":false,"selected":false,"name":"国有企业"},
      {"id":11,"disabled":false,"selected":false,"name":"公务员"},
      {"id":12,"disabled":false,"selected":false,"name":"专业技术人员"},
      {"id":13,"disabled":false,"selected":false,"name":"办事人员"},
      {"id":14,"disabled":false,"selected":false,"name":"军人"},
      {"id":15,"disabled":false,"selected":false,"name":"商业和服务类人员"},
      {"id":16,"disabled":false,"selected":false,"name":"生产、运输设备操作人员"},
      {"id":18,"disabled":false,"selected":false,"name":"农、林、牧、渔、水利业生产人员"},
      {"id":98,"disabled":false,"selected":false,"name":"其它"}
    ]

    下拉框显示数据字典中的数据:

    //职业下拉框
        $.getJSON("../TextData/person_vocation.json",function(vocationData){
            $('.dropdown-dutyType').dropdown({
                data: vocationData,
                input: '<input type="text" maxLength="20" placeholder="请输入搜索">',
                choice: function() {
                    // console.log(arguments, this);
                }
            });
        });


    有时候$.getJSON加载数据字典异步会出现问题:

    同时执行多个$.getJSON() 数据混乱的问题的解决

    在执行之前加$.ajaxSettings.async = false;    (同步执行) 执行你的代码之后及时恢复为$.ajaxSettings.async = true; (异步执行) 不然影响别的地方的需要异步执行的代码。

    example:

    $.ajaxSettings.async = false;

    $.getJSON(url, data, function(data){ });

    $.getJSON(url, data, function(data){ });

    $.getJSON(url, data, function(data){ });

    ......

    $.ajaxSettings.async = true;

  • 相关阅读:
    vue.js
    kendo ui DatePicker 时区转换
    List Except 失效 差集失效
    RabbitMQ的安装
    net core 使用 Redis
    SQLSERVER学习八:事务和锁
    SQLSERVER学习七:存储过程
    SQLSERVER学习六:函数
    SQLSERVER学习五:流程控制语句
    SQLSERVER学习四:常用检索语句
  • 原文地址:https://www.cnblogs.com/super-chao/p/7728751.html
Copyright © 2020-2023  润新知