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 尤其是在数组 遍历的时候

  • 相关阅读:
    学习笔记之19-static和extern关键字1-对函数的作用
    学习笔记之18-变量类型
    学习笔记之17-预处理指令3-文件包含
    学习笔记之16-预处理指令2-条件编译
    背包问题
    kali linux 忘记root密码重置办法
    wp8数据存储--独立存储文件 【转】
    线段树入门【转】
    线段数【转】
    大数阶乘算法【转】
  • 原文地址:https://www.cnblogs.com/bee-home/p/7205167.html
Copyright © 2011-2022 走看看