json数组及用法

最新推荐文章于 2023-07-17 15:23:25 发布
最新推荐文章于 2023-07-17 15:23:25 发布
阅读量1.9k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ytm1996/article/details/81017310
版权

//json文件代码

{

"mane":"中国",
"provinces":
[
{
"proName":"贵州",
"cities":["贵阳","六盘水","遵义","铜仁","兴义","毕节","安顺","凯里","都匀"]
},
{
"proName":"河南",
"cities":["郑州","开封","洛阳","平顶山","安阳","鹤壁","新乡","焦作"]
},
{
"proName":"北京",
"cities":["东城区","西城区","朝阳区","丰台区","石景区","海淀区","顺义区"]
}
]
}


//HTML文件代码

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            $(function(){
                $.getJSON("json.json",function(data){
                    //生成省级菜单项
                    tempP="";
                    for(eachP in data.provinces)
                    {
                        tempP+="<option value='"+data.provinces[eachP].proName+"'>"+data.provinces[eachP].proName+"</option>";
                    }
                    $("#provinces").html(tempP);
                    
                    
                    //省级菜单生成后，立即调用生成城市菜单的函数getCities()生成第一个省份对应的城市菜单，及默认省对应的城市菜单
                    getCities($("#provinces").val());
                    
                    
                    //为省级菜单绑定change事件，当选定值发生改变时调用getCities()函数，生成所选省对应的城市菜单
                    $("#provinces").change(function(){
                        curP=$(this).val();
                        getCities(curP)
                        })
                    
                    
                    //getCities()函数根据省名筛选出对应的城市菜单
                    function getCities(proName)
                    {
                        for (eachP in data.provinces)
                        {
                            if(data.provinces[eachP].proName==proName)
                            {
                                tempC="";
                                for (eachC in data.provinces[eachP].cities)
                                {
                                    tempC+="<option value='"+data.provinces[eachP].cities[eachC]+"'>"+data.provinces[eachP].cities[eachC]+"</option>";
                                }
                                $("#cities").html(tempC);
                            }
                        }
                    }
                    
                })
            })
        </script>
    </head>
    <body>
        省<select id="provinces">
            <option>正在加载</option>
        </select>
        市<select id="cities"><option>正在等待</option></select>
    </body>
</html>

ytm1996
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSON的三种格式
道阻且长，行则将至。
10-23 12万+
JSON的三种格式 一、 JSON的全称 JSON的全称是JavaScript Object Notation 二、为什么需要JSON JSON有三种格式，每一种写法都和JS中的数据类型很像，可以很轻松的和JS中的数据类型互相转换 三、JSON的三种格式 （一）、简单值的形式：JSON的简单值的格式对应着JS中的基础数据类型：数字 字符串 布尔值 注意事项： JSON中没有undefined JSON中的字符串必须使用双引号 JSON中是不能用注释的 （二）、对象形式：对应着JS中的对象 注意事项：
js 最常用的几个json数组操作方法 map filter some every forEach sort（实际案例）,通过id在数组中找某个item项
小哈力----一个小前端工程师
12-12 2184
js 最常用的几个数组操作方法 map filter some every forEach实际案例map filter some every forEach sortjson数组数据filtermapforEacheverysomesort map filter some every forEach sort 序号 需求 使用方法 1 返回所有男生的数组 filter 2 返回...
JSONArray操作汇总,排序,筛选,分组
当作记事本用
02-20 6319
【代码】JSONArray操作汇总,排序,筛选,分组。
JSON数组
热门推荐
风一样的少年
08-26 1万+
一、对于JSON的理解： JSON，大部分都是用来处理JavaScript和web服务器端之间的数据交换，把后台web服务器的数据传递到前台，然后使用JavaScript进行处理，例如ajax等。 JSON，就是一种数据传输格式而已，无它，非常容易掌握。但是大家不要误以为JSON最大的用处是在前端，其实JSON最大的用处是处理JavaScript和web服务器端之间数据交换。 二、json结...
json数据格式
m0_47697572的博客
01-26 3376
##json格式## 1. json数值 {"key": value} { "id": 10, "number":100 } 2. json字符串 {"key": "value"} { "name": "Tom", "sex":"boy" } 3. json数组 {"key":[value]} { "key": [1,2], "hide": [1,2] } 4. json对象 {"key":{value}} { "key":{"我","你"}, "hide":{"他
JS实现给json数组动态赋值的方法示例
10-19
本文将详细介绍如何使用JavaScript给JSON数组动态赋值，同时提供实例代码和一些实用的在线JSON工具。 首先，我们需要理解JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个...
js实现json数组分组合并操作示例
10-17
本示例探讨的是如何使用JavaScript实现JSON数组的分组合并操作，这对于数据处理和分析尤其有用。下面将详细解释这个示例中的关键知识点。 1. **遍历JSON数组**： 在示例中，我们首先通过`for`循环遍历输入的JSON...
JavaScript实现构造json数组的方法分析
10-18
在JavaScript中，构建JSON数组是常见的数据处理任务，特别是在与后端交互时，我们需要将接收到的数据转换成特定格式的JSON对象以便进一步处理。这里，我们讨论如何在JavaScript中有效地构造JSON数组，以及如何避免...
AJAX和struts2传递JSON数组
12-05
在本场景中，我们将探讨如何使用AJAX来传递JSON数组，并在Struts2的Action中接收和处理这些数据。 首先，JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于人阅读和编写，同时也易于机器解析...
JQuery遍历json数组的3种方法
10-25
主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each、for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下
java json数组遍历
09-08
java json解析，数组的遍历等等
JavaScript中的JSON
最新发布
m0_63077733的博客
07-17 2381
这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。提供的函数接收两个参数：属性名（key）和属性 值（value）。这个 key 始终是字符串，只是在值 不属于某个键/值对时会是空字符串。即使整个 JSON 对象中有两个属性都叫"name"， 但它们属于两个不同的对象，因此是允许的。JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。
【转】JSON书写格式
糖果先生的博客
03-26 713
JSON是什么 JSON ( JavaScript Object Notation) ，是一种数据交互格式。 为什么有这个技术 Json之前，大家都用 XML 传递数据。XML 是一种纯文本格式，所以适合在网络上交换数据，但是 XML 格式比较复杂，终于道格拉斯·克罗克福特(Douglas Crockford)发明了JSON 这种超轻量级的数据交换格式。 willy wonka slot...
js常用的操作json数组
qq_43557395的博客
11-16 2914
var array = [ { "index_id": 119, "area_id": "18335623", "name": "满意度", "value": "100" }, { "index_id": 119, "area_id": "18335624", "name": "满意度", "value": "20" }, { "index_id": 119, "are
JSON操作数组数据
青椒盖饭的博客
01-10 2126
在JSON数据结构之中会包含数组数据内容,对于数组的内容一定要使用"[]"中括号声明,但是数组分为两种情况,一种是普通的内容文本数组,另外一种就是JSON的对象数组. 如果要使用JSON的数组操作,使用JSONArray类完成 JSONArray类中的重要方法 -----add(Object obj) 该方法里面可以增加普通文本数据或是JSONObject类的对象. 范例:生成基本数据的数...
json库使用之数组
tianyexing2008的博客
07-13 2388
工作中json数组使用也是非常频繁，下面介绍几种常用到的数组类型。 1，json变量是数组 int main() { array1(); return 0; } void array1() { Json::Value array; array[0] = 1; array[1] = 2; array[2] = 3; Json::Value sub; sub["test"] = "test"; array[3] = sub;
JSON数组，JSON对象，数组的区别与基本操作整理
weixin_34403693的博客
01-01 964
JSON 语法规则 JSON 语法是 javascript 对象表示语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON 数据的书写格式是：名称/值对。 名称/值对组合中的名称写在前面（在双引号中），值对写在后面(同样在双引号中)，中间用冒号隔开： "firstName":"John" JSON...
JSON语法之JSON数组
m0_37135879的博客
10-13 6900
JSON数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。如图 1‑5所示： JSON 数组： JSON 数组在中括号中书写。 JSON 中数组值必须是合法的 JSON 数据类型（字符串, 数值, 对象, 数组, 布尔值或 null），也可以是 JavaScript 的表达式，包括函数、日期、undefined。 对象的属...
javascript对数组和json数组的操作
看山 看水 看世界
04-10 5166
经常使用javascript对数组和json数组进行操作，但是时间久了就忘记咋操作的了，所以这里简单记录一下 直接看代码吧 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript数组操作</title> ...
uniapp中json数组添加json数组
05-26
在UniApp中，可以通过以下步骤向JSON数组中添加另一个JSON数组： 1. 定义需要添加的JSON数组 ```javascript let newArray = [ { id: 1, ...以上两种方法均可实现将JSON数组添加到另一个JSON数组中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值