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();
        })

 

 

有用點個贊(*^▽^*)