zoukankan      html  css  js  c++  java
  • JQuery解析Json

    $("#test").on("focusin",function(){
    CreateDom();
    var AllValue = "";
    $("#filter").on("change",function(){
    sValue = this.value;//获取value
    //alert("changel "+sValue);
    AllValue += sValue+";"; 
    $("#test").attr("value",AllValue);
    this.value = "";
    });
    });
    $("#test").on("focusout",function(){
    
    
    });
    function CreateDom(){
    var input = $("#test").after("<input id='filter' list='browsers' name='browser' ><datalist id='browsers'></datalist>");
    // 这里就是 json的解析形式
    $.getJSON("test.json", function (data) {
    //data就是json对象了,不需要再转换
    // alert('a:'+$(data.items).size());//把js对象转化成Jqury
    var data1 = $(data.items);
    //alert(data1);
    $.each(data1,function(infoIndex,info){ 
    //alert(infoIndex+":"+info.owner);
    //textContent = info.name + ':' + info.owner + ',' + info.business;
    if(info.business == "" && info.owner == ""){
    $("<option value="+info.name+">").appendTo($("#browsers"));
    }else{
    $("<option value="+info.name + ':' + info.owner + ',' + info.business+">").appendTo($("#browsers"));
    }
    })
    /*var parsedJson = jQuery.parseJSON(data); 
           
    alert('a:'+parsedJson.identifier);*/
    });
    
    
    /*var option1 = $("<option value='1111111:Kummala Pia,CFO CC CFSS SAS Externals FI'>").appendTo($("#browsers"));
    var option2 = $("<option value='1191055:Haljala Johanna Maaria,GS GSD P&A Service Labs FI'>").appendTo($("#browsers"));
    var option3 = $("<option value='Inter3'>").appendTo($("#browsers"));
    for(var i=0;i<1000;i++)
    {
    $("<option value='Inter'"+i+">").appendTo($("#browsers"));
    }*/
    //如果哪个值选择到了加载到Test中
    
    
    }

    ------------------------------------------------------

    PS:

    1.如果遇到 Jquery 会自动转为js 尤其是在数组 遍历的时候

  • 相关阅读:
    ES6 | 关于class类 继承总结
    ES6 | class类的基本语法总结
    开发辅助 | 阿里图标库iconfont入门使用
    JS基本功 | JavaScript专题之数组 方法总结
    前端模块化 | 解读JS模块化开发中的 require、import 和 export
    IOS开发中UITableView和UITableViewCell的几种样式
    SSM项目的搭建
    Linux离线安装Docker
    Http项目转Https项目
    SpringBoot项目的搭建
  • 原文地址:https://www.cnblogs.com/bee-home/p/7205167.html
Copyright © 2011-2022 走看看