zoukankan      html  css  js  c++  java
  • jquery+ajax获取本地json对应数据

    首先,记得导入jquery.js文件。

    json内容:

    var obj123=[
            {"option":"2,3,9,14,19,24,32","pdc":"1.洗卸凝胶.2、面膜.3、EGF.4、辅酶Q10.5、舒缓眼霜.6、拍拍霜"},
            {"option":"2,4,9,14,19,24,32","pdc":"1.洗卸凝胶.2、面膜.3、EGF.4、辅酶Q10.5、舒缓眼霜.6、拍拍霜"},
            {"option":"2,5,9,14,19,24,32","pdc":"1.洗卸凝胶.2、面膜.3、EGF.4、辅酶Q10.5、舒缓眼霜.6、拍拍霜"},

    ]

    首先,这是前端内容

     

    设置了选中男得到1,选中女得到2,以此推类。

    重点来了:

    function m1(){
            if($("#sex input").is(':checked')){  选中
                $("#con").click(function(){  //获取按钮
                    inp=$("input:checked[class='case']:checked").map(function(index,elem){
                        return $(elem).attr('rote');
                    }).get().join(',');
                    var innp='"' + inp + '"';
                    $.ajax({
                        url: '${pageContext.request.contextPath}/js/tj.json',  //json文件路径
                        type:'GET',
                        data:{"option":innp},
                        dataType:'json',
                        success: function (data) {
                            console.log(1)
                        },
                        error:function(data){
                            console.log(2)
                        }
                    });
                    // console.log(innp);
                    for(var i in obj123){
                        if(JSON.stringify(obj123[i].option) == innp){  //把得到的和json文件里的对比
                            //console.log('yes')
                            console.log(obj123[i].pdc)   //得到后面对应数据
                        }
                    }
                })
            }}
            $(".skin_raw input").click(function(){   //选中的情况下执行方法
                m1();
            })

    有用点个赞(*^▽^*)

  • 相关阅读:
    【ceph | 运维】部署osd
    【osd | 运维】osd数据均衡
    leveldb——leveldb入门篇之Linux下编译配置和使用
    【Linux系统编程】预分配磁盘空间
    【filestore】源码剖析
    【Linux】Linux Page Cache的理解
    ceph internal 之 底层对象
    【Linux】磁盘基础知识
    Spring Cloud Alibaba学习08Seata基本使用
    Spring Cloud Alibaba学习05Sentinel基本使用
  • 原文地址:https://www.cnblogs.com/wangxiaomo/p/11590423.html
Copyright © 2011-2022 走看看