精华内容
下载资源
问答
  • Echarts 地图json数据汇总

    千次阅读 2019-06-21 11:10:38
    百度网盘下载:附上地址 https://pan.baidu.com/s/1EzetMI_nkqeZFtwSg3QaJw 提取码 fsid 希望能够帮助更多的开发者,欢迎来一起分享

    百度网盘下载:附上地址
    https://pan.baidu.com/s/1EzetMI_nkqeZFtwSg3QaJw
    提取码 fsid

    希望能够帮助更多的开发者,欢迎来一起分享

    展开全文
  • jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法。本篇体验使用这2种方式异步获取json数据,然后追加到页面。 在根目录下创建data.json文件: 代码如下: {  “one” : “Hello”,  ...
  • Python与JSON数据类型对应表: 既然知道了为什么要转换,就来了解怎么转换,这就需要用到Python的内置模块json,内置模块,在代码中直接引用即可: import json json模块中主要用到的就4个函数: json.dumps(): 将...

    Python与JSON数据类型对应表:
    在这里插入图片描述

    既然知道了为什么要转换,就来了解怎么转换,这就需要用到Python的内置模块json,内置模块,在代码中直接引用即可:

    import json
    json模块中主要用到的就4个函数:

    json.dumps(): 将Python数据编码(转换)为JSON数据;
    json.loads(): 将JSON数据转换(解码)为Python数据;
    json.dump(): 将Python数据编码并写入JSON文件;
    json.load(): 从JSON文件中读取数据并解码。

    展开全文
  • JSON数据处理方法汇总

    2021-08-08 16:59:14
    1 读取JSON 1.1 利用按钮的click事件读取 实现代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Read Json</title> </head> <...

    1 读取JSON

    1.1 利用按钮的click事件读取

    实现代码如下:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Read Json</title>
    </head>
    <body>
    <input type="file" id="jsonFileUpload" accept=".json"><br><br>
    <input id="read" type="button" value="读取">
    
    <script type="text/javascript" src="js/jquery-3.6.0.slim.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#read').click(function () {
                    var selectedFile = $('#jsonFileUpload')[0].files[0];
                    var reader = new FileReader();
                    reader.readAsText(selectedFile, 'UTF-8');
                    reader.onload = function (e) {
                        var fileString = e.target.result;
                        var jsonObj = JSON.parse(fileString);
                        // 后续可以对读取的JSON对象做进一步处理
                    }
                }
            );
        })
    </script>
    </body>
    </html>
    

    另外,我们可以获取上传文件的文件名或文件类型(即扩展名),代码如下:

    // 获取上传的文件的名称-不包含扩展名
    var selectedFileName = selectedFile.name.substring(0, selectedFile.name.lastIndexOf('.'));
    // 获取上传文件的扩展名:可以对上传文件的类型做进一步判断
    var suffix = inputFile.name.substring(inputFile.name.lastIndexOf('.'));
    

    1.2 利用文件上传控件的change事件读取

    实现代码如下:界面html代码同上。

    $(document).ready(function () {
        $('#jsonFileUpload').change(function () {
            var selectedFile = this.files[0];
            //后面的代码同上
        });
    })
    
    // 或者下面的写法:触发该事件的目标空间
    $(document).ready(function () {
        $("#jsonFileUpload").change(function (evt) {
        	var selectedFile = evt.target.files[0];
        	//后面的代码同上
    	});
    })
    
    

    对比下上一节读取文件的写法:

    var selectedFile = $('#jsonFileUpload')[0].files[0];
    // 等同于下面的写法 ,注意:原生写法不要加 #
    var selectedFile = document.getElementById('jsonFileUpload').files[0];
    

    2 将读取的JSON对象转为Excel本地文件

    这里用到的第三方库地址:https://github.com/cuikangjie/js-export-excel,除了本节的例子外,其他例子可以参考该网址做进一步学习。

    引入的js文件地址:https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js,由于这个链接需要梯子,我这里特意上传到csdn,免积分下载哈,地址:https://download.csdn.net/download/lovewhoilove/20909491

    实现代码如下:

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>Convert Json To Excel</title>
    </head>
    <body>
    <input type="file" id="jsonFileUpload" accept=".json"><br><br>
    <input id="convert" type="button" value="处理">
    
    <script type="text/javascript" src="js/jquery-3.6.0.slim.min.js"></script>
    <script type="text/javascript" src="js/JsonExportExcel.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#convert').click(function () {
            	// 示例数据
                var jsonObjArray = [
                    {
                        "name": "北京市xxxxxxxxxx",
                        "province": "北京市",
                        "city": "北京市",
                        "county": "xxx区"
                    },
                    {
                        "name": "上海市xxxxxxxxxx",
                        "province": "上海市",
                        "city": "上海市",
                        "county": "xxx区"
                    },
                    {
                        "name": "广州市xxxxxxxxxx",
                        "province": "广东省",
                        "city": "广州市",
                        "county": "xxx区"
                    }
                ];
                var option = {};
                option.datas = [{
                    sheetData: jsonObjArray,
                    sheetName: 'sheet',
                    sheetHeader: ['name', 'province', 'city', 'county']
                }];
                var toExcel = new ExportJsonExcel(option);
                toExcel.saveExcel();
            });
        })
    </script>
    </body>
    </html>
    

    转换结果如下:
    请添加图片描述

    3 读取Excel并解析后保存为JSON本地文件

    这里用到的第三方库地址:https://github.com/SheetJS/sheetjs

    第三方库文件下载地址:https://github.com/SheetJS/sheetjs/blob/master/dist/xlsx.full.min.js

    本节内容参考文章:使用JavaScript将Excel转换为JSON,然后稍作改动,并增加保存为JSON本地文件的功能。

    实现代码如下:

    注意:当JSON对象的属性名(类似于键值对的键,js里不叫key哈)为数值时,我们在为其赋值时,要用[]的形式为其赋值,用.会发生错误。

    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <title>Convert Excel To Json</title>
    </head>
    <body>
    <input type="file" id="fileUploader" name="fileUploader" accept=".xls, .xlsx"/>
    <br><br>
    JSON : <label id="jsonObject"> </label>
    
    <script src="js/jquery.js"></script>
    <script type="text/javascript" src="js/xlsx.full.min.js"></script>
    <script>
      $(document).ready(function () {
        $("#fileUploader").change(function (evt) {
          var selectedFile = evt.target.files[0];
          var selectedFileName = selectedFile.name.substring(0, selectedFile.name.lastIndexOf('.'));
          var reader = new FileReader();
          reader.onload = function (event) {
            var data = event.target.result;
            var workbook = XLSX.read(data, {
              type: 'binary'
            });
            workbook.SheetNames.forEach(function (sheetName) {
              var XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);
              if (XL_row_object.length > 0) {
                //解析JSON
                var newJsonObj = {};
                for (var i = 0; i < XL_row_object.length; i++) {
                  var obj = XL_row_object[i];
                  var key = obj.要作为key的字段名;
                  //这里我们将某一列作为key,在组建新的对象前将其删除,并将新对象作为value
                  delete key; 
                  newJsonObj[key] = obj;
                  $("#jsonObject").text(JSON.stringify(newJsonObj));
                }
                var content = JSON.stringify(newJsonObj);
                /**
    			 * 将解析的json字符串保存至本地文件中
    			 */
                var eleLink = document.createElement('a');
                eleLink.download = selectedFileName + ".json";
                eleLink.style.display = 'none';
                // 字符内容转变成blob地址
                var blob = new Blob([content]);
                eleLink.href = URL.createObjectURL(blob);
                // 触发点击
                document.body.appendChild(eleLink);
                eleLink.click();
                // 然后移除
                document.body.removeChild(eleLink);
              }
            })
          };
    
          reader.onerror = function (event) {
            console.error("File could not be read! Code " + event.target.error.code);
          };
    
          reader.readAsBinaryString(selectedFile);
        });
      });
    </script>
    </body>
    

    4 利用回调函数来控制执行顺序

    一种被作为实参传入另一个函数,并在该外部函数内被调用的函数,我们称之为回调函数(callback function)。

    回调函数又分为2种调用方式:同步回调异步回调

    • 同步回调:若回调函数是在外部函数执行后立即执行的,这便是同步回调。
    • 异步回调:若在执行完成一个异步完成后执行回调函数,则为异步回调。

    4.1 同步回调

    关于同步回调,MDN官网有个例子(详见回调函数),我做了修改,具体如下所示:我们在跟人打招呼之前,先要询问别人名字,即先执行询问,然后再打招呼。

    function greeting(name) {
      alert('Hello ' + name);
    }
    
    function ask(callback) {
      alert('你叫什么名字? ');
      var name = prompt('请输入你的名字');
      callback(name);
    }
    
    ask(greeting);
    

    4.2 异步回调

    我们先来MDN官网的获取地理位置的一个例子

    关于异步操作的详细内容请参考JavaScript中的异步操作-学习笔记一文的总结。

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <title>获取地理位置</title>
    </head>
    <body>
    <script type="text/javascript">
        var options = {
            enableHighAccuracy: true,
            timeout: 5000,
            maximumAge: 0
        };
    
        function success(pos) {
            var crd = pos.coords;
    
            console.log('Your current position is:');
            console.log('Latitude : ' + crd.latitude);
            console.log('Longitude: ' + crd.longitude);
            console.log('More or less ' + crd.accuracy + ' meters.');
        }
    
        function error(err) {
            console.warn('ERROR(' + err.code + '): ' + err.message);
        }
    
        navigator.geolocation.getCurrentPosition(success, error, options);
    </script>
    </body>
    </html>
    

    运行结果如下:首先询问是否允许获取位置,点击【允许】即可。
    在这里插入图片描述

    控制台输出如下:表明获取到了地理位置,并且在获取地理位置后执行了success函数。
    在这里插入图片描述
    我们再来看一个使用场景:我们同时读取两个文件,我们需要利用两个文件中的某些属性值做进一步的判断或处理。

    按照顺序执行的原理,正常情况下:我们会首先读取其中的一个文件,然后在读取该文件并提取出有用的属性后,然后再读取第二个文件,然后继续提取有用的属性,最后结合提取到的两部分属性值做进一步处理。

    这样的实现方法存在一个问题:读取文件的操作作为异步操作,我们无法知道两次读写什么时候结束,假如迟迟没有读取完第二个文件的内容,但是第一个文件已经读取完毕,这样我们有可能拿到的第二文件的属性值是空值。

    解决方法便是使用回调函数来解决:

    示例代码如下:我们会先执行readOneFile函数,然后执行readAnotherFile函数,这样就可以在完成第一个文件的读取之后才开始读取另一个文件。

    function readOneFile(callback) {
        var inputOneFile = $('#fileOneInput')[0].files[0];
        var reader = new FileReader();
        reader.readAsText(inputOneFile, 'UTF-8');
        reader.onload = function (evt) {
            var oneString = evt.target.result;
            var oneJsonObj = JSON.parse(oneString);
            callback(oneJsonObj);
        }
    }
    
    function readAnotherFile(callback) {
        var inputAnotherFile = $('#fileAnotherInput')[0].files[0];
        var reader = new FileReader();
        reader.readAsText(inputAnotherFile, 'UTF-8');
        reader.onload = function (evt) {
            var fileAnotherString = evt.target.result;
            var anotherJsonObj = JSON.parse(fileAnotherString);
            callback(anotherJsonObj);
        };
    }
    
    function init() {
        readOneFile(function (oneJsonObj) {
            readAnotherFile(function (anotherJsonObj) {
                console.log(oneJsonObj);
                console.log(anotherJsonObj);
                //进一步的处理,这里省略
            })
        })
    }
    
    $('#btn').click(function () {
        init();
    });
    
    展开全文
  • jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法。本篇体验使用这2种方式异步获取json数据,然后追加到页面。在根目录下创建data.json文件:{"one" : "Hello","two" : "World"}■ 通过$....

    jQuery异步获取json数据有2种方式,一个是$.getJSON方法,一个是$.ajax方法。本篇体验使用这2种方式异步获取json数据,然后追加到页面。

    在根目录下创建data.json文件:

    {

    "one" : "Hello",

    "two" : "World"

    }

    ■ 通过$.getJSON方法获取json数据

    $(function() {

    $.getJSON('data.json', function(data) {

    var items = [];

    $.each(data, function(key, val) {

    items.push('

    ' + val + '');

    });

    $('

    'class': 'list',

    html: items.join('')

    }).appendTo('body');

    });

    });

    3e1295c1d019b2c0702f4ff2e7ab4de8.png

    ■ 通过$.ajax方法获取json数据

    $(function() {

    $.ajax({

    url: 'data.json',

    dataType: 'json',

    success: function(data) {

    var items = [];

    $.each(data, function(key, val) {

    items.push('

    ' + val + '');

    });

    $('

    'class': 'list',

    html: items.join('')

    }).appendTo('body');

    },

    statusCode: {

    404: function() {

    alert("没有找到相关文件~~");

    }

    }

    });

    });

    总结:使用$.getJSON方法和$.ajax方法都能达到相同的效果,但是,如果想对异步获取的过程有更细节的控制,推荐使用$.ajax方法。

    展开全文
  • php基于jquery的ajax技术传递json数据简单实例,jqueryjson本文实例讲述了php基于jquery的ajax技术传递json数据简单实现方法。分享给大家供大家参考,具体如下:html页面:一会看显示结果姓名:年龄:工作:提交php...
  • 在一开始的开发中,计算好相关数据,然后通过 ...在今晚突然想起一个办法,创建一个类,然后用List添加多个类,再然后通过JavaScriptSerializer转换为多条数据json。 于是,亲测可行。 1、创建类 ...
  • 开发小程序,vue项目,react项目等的出现,使得由传统的大量操作dom,改为了只操作数据就dom可以响应变化。所以日常开发中,接触最多的就是数据格式处理,在此记录一些常用的,并陆续整理: 多个数组合并并去重: ...
  • 实现android上解析Json格式数据功能,该源码转载于安卓教程网的,http://android.662p.com,个人感觉还不错的,大家可以看看一下吧。package com.practice.json;import org.json.JSONArray;import org.json....
  • pytest-json数据驱动

    2021-08-20 18:21:18
    这里只是汇总json数据驱动的封装方法,看不懂的可以看下这个文章,继承该文章的内容pytest框架搭建 话不多说,直接上代码 test.json数据存储文件,放在和要执行的case目录下 第一步: 拿到执行case的目录和名字并封装...
  • 在用Laravel做项目时,有一个需求是要将近10万行的JSON数据导入数据库中(每一行都是一个合法的JSON数据)。如果使用web端的Model写入数据,网页响应肯定超时,而且也不容易看到执行过程。因此这种需求最好用命令行...
  • 一、JSON 数据准备 首先准备一份 JSON 数据,这份数据共有 3560 条内容,每条内容结构如下: 本示例主要是以 tz(timezone 时区) 这一字段的值,分析这份数据里时区的分布情况。 二、将 JSON 数据转换成 Python ...
  • 1 AFNetworking3.0如何post一个json数据到服务器 NSDictionary *dic = @{@"username":self.registerPhoneField.text,@"phone":self.registerPhoneField.text,@"psw":self.registerPasswordField.text}; // 初始化...
  • 就目前来讲,在 Android 开发中,还是以 JSON 格式数据较为常见,但偶尔还是会碰到需要在项目中使用 XML 格式数据的情况,这篇文章总结了几种常见的解析 XML 和 JSON 数据的用法XML解析 <id>111 江西 阴转晴
  • IOS解析Json数据

    千次阅读 2013-04-24 14:36:52
    ios经常会遇到解析xml或者json数据,这两种数据格式都是非常常用的。 那么下来说说关于ios解析json的一些方法。 在ios开发中解析json的方法有很多种,也有老外写的很多的API是专门用来解析json数据的,现在来大概...
  • MySQL 5.7中有json存储类型了以前我们只能通过php来进行序列化了不过现在就不需要了我们可以直接使用MySQL 5.7的json数据类型来存储json格式数据了,具体...该 JSON数据类型提供了这些优点存储JSON格式的字符串,字...
  • 解析网络json数据并展示到ListView上

    千次阅读 2016-09-14 21:46:58
    网易新闻看起来很简洁,左边是一张图片,右边是一些文字信息,这样的排版是十分常见的,给人的感觉就是简洁明了,下面通过解析网络json数据并展示到ListView上,来实现同样的效果,效果图如下: 1.数据来源于...
  • echarts可以使用的全国地图Json数据,包含省、市、区县
  • 本文实例讲述了jQuery使用getJSON方法获取json数据。分享给大家供大家参考,具体如下:demo.js:?1234567891011121314151617[ { "name":"吴者然", "sex":"男", "...
  • 数据库里存json数据

    千次阅读 2019-11-07 20:52:59
    查询上个月每个人各个插件的总加分汇总为一个json存储到一个字段里 查询上个月每个组织机构插件的各个插件的总加分汇总为一个json存储到一个字段里 流程: 查询后返回结果是一个List集合,每一条记录的字段(user_...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 32,729
精华内容 13,091
关键字:

json数据汇总