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();
        })
有用点个赞(*^▽^*)
jquery+ajax获取本地json对应数据的更多相关文章
- jquery Ajax获取本地json  以及xml文件
		$(function() { $("#Button1").click(function() { //按钮单击事件 //打开文件,并通过回调函数处理获取的数据 $.get(" ... 
- jQuery ajax读取本地json文件
		jQuery ajax读取本地json文件 json文件 { "first":[ {"name":"张三","sex": ... 
- 谷歌通过ajax获取本地JSON文件,为什么会显示跨域?转载的
		在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 谷 ... 
- 谷歌通过ajax获取本地JSON文件,为什么会提示跨域?
		在本地写了一段JSON代码,然后用ajax读取后,在浏览器打开,发现谷歌提示涉及到跨域问题, 但是跨域是由于协议,域名,端口中有一个不同,才会跨域,我在本地访问自己的文件,怎么和跨域扯上关系了?? 下 ... 
- 使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析
		使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析 因为我在前台使用了jquery的text()方法,而不是html ... 
- 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据
		jQuery ajax serialize()方法form提交数据,有个很奇怪的问题,好像不能取到隐藏控件的值. //点击提交按钮保存数据 $('#btn_submitUser').click(fun ... 
- jquery ajax调用返回json格式数据处理
		Ajax请求默认的都是异步的 如果想同步 async设置为false就可以(默认是true) var html = $.ajax({ url: "some.php", async: ... 
- Jquery Ajax方法传递json到action
		ajax向后台传入json需要设置option,如下 contentType:'application/json' data:Json.Stringify(jsObj) 后台处理复杂json对象(不知 ... 
- jQuery AJAX获取JSON数据解析多种方式示例
		<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ... 
随机推荐
- AOP技术介绍--(AOP技术基础)
			2.1 AOP技术起源 AOP技术的诞生并不算晚,早在1990年开始,来自Xerox Palo Alto Research Lab(即PARC)的研究人员就对面向对象思想的局限性进行了分 ... 
- golang API
			1.server端程序 package main //简单的JSON Restful API演示(服务端) //author: Xiong Chuan Liang //date: 2015-2-28 ... 
- 【leetcode】1051. Height Checker
			题目如下: Students are asked to stand in non-decreasing order of heights for an annual photo. Return the ... 
- 调用搜狐IP地址库,根据不同访问者的IP,显示访问地址
			<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type ... 
- Linux学习-MySQL的主从复制高可用性解决方案MHA
			一.MHA简介 1.MHA Master High Availability,对主节点进行监控,可实现自动故障转移至其它从节点:通过提升某一从节点为新的主节点,基于主从复制实现,还需要客户端配合实现, ... 
- [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.jst.j2ee.server:lovemu' did not find a matching property.
			[SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.js ... 
- (转)基于TLS证书手动部署kubernetes集群(上)
			转:https://www.cnblogs.com/wdliu/archive/2018/06/06/9147346.html 一.简介 Kubernetes是Google在2014年6月开源的一个容 ... 
- Python3实现简单的钉钉机器人调用
			具体可以参考开发文档:https://ding-doc.dingtalk.com/doc#/serverapi3/iydd5h from urllib import parse, request im ... 
- jmeter(二十):Logic Controller:逻辑控制器(上)
			逻辑控制器用来控制采样器(samplers)的执行顺序,根据实际需要定制执行规则.在控制器层级下面的所有的采样器都会当做一个整体,执行时也会一起被执行. Logic Controller种类: 以上L ... 
- php中数组的指针
			利用PHP内置的函数 key() 获得键. current()获得值, next(); prev();移动到上一个 reset();//重置,移动到第一个元素 end();//移动到最后一个元素上 注 ... 
