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、拍拍霜"},

]

 

首先,这是前端内容

jquery+ajax获取本地json对应数据_第1张图片 

 

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

jquery+ajax获取本地json对应数据_第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();
        })

 

 

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

你可能感兴趣的:(jquery+ajax获取本地json对应数据)