读取json数据

最新推荐文章于 2024-07-27 18:51:22 发布
最新推荐文章于 2024-07-27 18:51:22 发布
阅读量113 收藏 1
点赞数
分类专栏： JS&HTML 文章标签： json JavaScript HTML 浏览器 Microsoft ViewUI

最近做的东西想要用js直接读取json格式的文件，读取的文件是标准的json格式，所以直接采用eval函数得到数据。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Example: Number menu</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT LANGUAGE="JavaScript">
<!--
//alert("gsgd");
var xmlDoc=null;
var date = new Date();
function createXMLHttpRequest(){
	if(window.XMLHttpRequest){
		xmlDoc = new XMLHttpRequest();
	}else if(window.ActiveXObject){
		xmlDoc = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		return;
	}
}

function loadIndex()
{
	createXMLHttpRequest();
	
	xmlDoc.onreadystatechange = function(){
        if(xmlDoc.readyState == 4){
			if(xmlDoc.status==200){

				var tvdata = xmlDoc.responseText;
				var result = eval('(' + tvdata + ')');//eval(tvdata);
				var testhanzi = result.data[0].chname;
				document.getElementById("testh1").innerHTML=testhanzi;
				
				//}
			}
        }
    }
    xmlDoc.open("GET","tvdata.txt",true);
    xmlDoc.send(null);
}
//-->
</SCRIPT>
</head><body >
<div id="mainpage">
<div class="today">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<h1 id = "testh1" style="color: red">  ss</h1>
</div>
</div>
<SCRIPT LANGUAGE="JavaScript">
	
	loadIndex();

</SCRIPT>
</body></html>

 文件数据：

（{
    data:[
　　{
      chnum:"1",
　　chid:"61033",
       chname:"香港翡翠",
　　fshowdata:"00:00 午夜新闻1% 00:30 新闻1+1：时事开讲"
　　},
　　{
       chnum:"2",
　　chid:"61242",
       chname:"香港本港",
　　fshowdata:"00:00 午夜新闻2% 00:30 新闻1+1：时事开讲"
　　},
　　{
      chnum:"3",
　　chid:"61251",
       chname:"风云足球",
　　fshowdata:"00:00 午夜新闻3% 00:30 新闻1+1：时事开讲"
　　},
　　{
       chnum:"4",
　　chid:"61247",
       chname:"星空传媒",
　　fshowdata:"00:00 午夜新闻4% 00:30 新闻1+1：时事开讲"
　　},
　　{
       chnum:"5",
　　chid:"61253",
       chname:"星空卫视",
　　fshowdata:"00:00 午夜新闻5% 00:30 新闻1+1：时事开讲"
　　}
　　]		
}）
 

 

由于是读取文件，不是从服务器上获取数据，服务器端的输出控制类似 response.setCharacterEncoding( "UTF-8" ); 发现只要是有中文字符，galio浏览器就读取文件后就认为这里的json格式有错误。所以想到的办法就是把文件先转码，再读取，用

http://www.zzsky.cn/tool/utf-8/

或者

http://hi.baidu.com/st9489/blog/item/743e6ccbd13a4a1ebf09e617.html

的方法都行，转换之后的数据文件：

 

{
    "data":[{
        "chnum":"1",
	"chid":"61033",
	"chname":" &#x9999;&#x6E2F;&#x7FE1;&#x7FE0;",
	"fshowdata":"00:00 &#x5348;&#x591C;&#x65B0;&#x95FB;1% 00:30 &#x65B0;&#x95FB;1+1&#xFF1A;&#x65F6;&#x4E8B;&#x5F00;&#x8BB2;"
        },
	{
        "chnum":"2",
	"chid":"61072",
	"chname":" &#x9999;&#x6E2F;&#x7FE1;&#x7FE0;",
	"fshowdata":"00:00 &#x5348;&#x591C;&#x65B0;&#x95FB;1% 00:30 &#x65B0;&#x95FB;1+1&#xFF1A;&#x65F6;&#x4E8B;&#x5F00;&#x8BB2;"
        },
	{
        "chnum":"3",
	"chid":"61074",
	"chname":" &#x9999;&#x6E2F;&#x7FE1;&#x7FE0;",
	"fshowdata":"00:00 &#x5348;&#x591C;&#x65B0;&#x95FB;1% 00:30 &#x65B0;&#x95FB;1+1&#xFF1A;&#x65F6;&#x4E8B;&#x5F00;&#x8BB2;"
        },
	{
        "chnum":"4",
	"chid":"61075",
	"chname":" &#x9999;&#x6E2F;&#x7FE1;&#x7FE0;",
	"fshowdata":"00:00 &#x5348;&#x591C;&#x65B0;&#x95FB;1% 00:30 &#x65B0;&#x95FB;1+1&#xFF1A;&#x65F6;&#x4E8B;&#x5F00;&#x8BB2;"
        },
        ]	
}

 读取到这些数据后设置gb2312（转换的时候是转换成utf-8）

content="text/html; charset=gb2312"
document.getElementById("testh1").innerHTML=testhanzi

然后直接用innerHTML  就可以显示汉字，这里如果用

document.getElementById("testh1").appendChild(document.createTextNode(testhanzi));

就会显示的是编码。

 

 

Odysseus_110
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用MSScriptControl 在 C# 中读取json数据的方法
08-31
本文将介绍一种使用MSScriptControl的方法来读取JSON数据，这对于那些不希望预先定义类或者需要更灵活处理JSON结构的开发者来说，可能是一个不错的选择。 首先，C#自带的`System.Web.Script.Serialization`命名空间...
Delphi10.3读取JSON数据
01-06
一、我们有一段JSON数据如下： { 五班: [ { 姓名: 张三, 成绩: 75.5 }, { 姓名: 李四, 成绩: 21.7 } ] } 二、使用Delphi代码读取，代码如下： uses System.Types, System.JSON, System.JSON.Types...
C++读取Json数据
liu__ting的博客
04-02 1294
最近C++和Python接口进行交互时，部分接口返回回来的数据为Json数据，需要一个类似于解析Json数据的接口，将数据类似于字典化，便于读取，网上有相应的读取文件接口，本文只是做一个常用操作的简单描述，具体接口还需查看相应的头文件进行调用。 需要将jsoncpp的源代码目录中src/lib_json和include/json的目录添加到要使用的项目的头文件目录。jsoncpp代码将在资源文件中上传。路径地址：https://download.csdn.net/download/liu__ting/16
通过C#读取json数据
weixin_45547854的博客
12-21 4618
C#读取网页的json数据： 需要用到Http请求所以导入命名空间 System.Net; 然后导入命名空间Ststem.IO 通过GetResponse().GetResponseStream();方法来获取响应流 再，可以看到GetResponseStream()的返回值为Stream类型，所以新建一个Stream类型的变量来接收它， 简单介绍一下Stream类，微软的官方解释为字节序列的一...
python读取json数据并筛选存入新的json文件
qq_34317565的博客
12-17 2815
数据格式说明： { "TagList": [ { "TagID": 12, "TagName": "LeftStop", "DeviceID": 2, }, ………………………… { "TagID": 13, "TagName": "LeftStart", "DeviceID": 2 } ] } 读取json文件 import json # 读取 JSON 数据 with open("Tag.json",'r') as load_f:
shell读取json数据
V__KING__的专栏
10-19 4061
function get_json_value() { local json=$1 local key=$2 if [[ -z "$3" ]]; then local num=1 else local num=$3 fi local value=$(echo "${json}" | awk -F"[,:}]" '{for(i=1;i<=NF;i++){if($i~/'${key}'\042/){print $(i+1)}}}' | tr -d '"' | s
微信小程序读取json数据
热门推荐
光头强的博客
10-05 5万+
该文章为转载文章 index.wxml &lt;view class='list-head'&gt;列表测试&lt;/view&gt; &lt;view class='list-box'&gt; &lt;view class='list-li mflex' wx:for="{{list_data}}" wx:key="index" &gt; &lt;view cl
js读取json数据
良玉的博客
05-15 1243
js读取JSON的方法我接触到的有两种： 方法一：函数构造定义法返回 var strJSON = "{name:'json name'}";//得到的JSON var obj = new Function("return" + strJSON)();//转换后的JSON对象 alert(obj.name);//json name 方法二：js中著名的eval函数 var s
Qt读取Json文件数据
null_plus的博客
12-08 2479
Qt读取Json文件数据 void TcpServerCfg::initServerCfgList() { serverCfgList.clear(); QString name = "./config/portSet.json"; QFile loadFile(name); if(!loadFile.open(QIODevice::ReadOnly)) { LOG() << "could't open projects json";
PHP笔记--＞读取JSON数据以及获取读取到的JSON里边的数据
魍魉
11-18 926
以前用C#读取的时候，是先定义一个数组，将反序列化的json存到数组里面，在从数组里面获取jaon中的“data”数据。其实PHP的思路也是一样的，但是由于PHP是弱类型语言，所以定义一个变量直接取数据就行。在读取json数据的时候被以前的思维卡住了。由于我以前是写C#的，现在学一下PHP，
客户端js 读取 json 数据
qq_27009517的博客
03-15 2005
采用 XMLHttpRequest 读取。 1. new 初始化XMLHttpRequest 2. open 设置请求方式，地址 3. send 发起请求 4.onload 请求成功，返回结果 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...
localStorage 如何存储JSON数据并读取JSON数据
泥猴桃的博客
04-15 1595
localStorage是HTML5提供的再客户端实现本地存储的一种方法，但是localStorage方法只能存储字符串数据，有时候我们需要存储对象到本地比如：JSON；那么，localStorage怎么才能实现JSON数据的存储与读取呢？思路：既然localStorage只能存储字符串数据，那么我们就可以先把JSON对象转换成字符串，然后用localStorage方法存储起来；等到需要用到这些JS
Python读取JSON数据操作实例解析
09-16
Python内置的`json`模块提供了方便的API来处理JSON数据。 1. **编码JSON数据**： - `json.dumps()`函数用于将Python对象编码成JSON格式的字符串。例如，一个字典`data`可以通过`json.dumps(data)`转换为JSON字符串...
jQuery读取json数据
08-17
关于"jQuery读取json数据"这个主题，我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据，以及这样做带来的优势。 JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于...
html读取json数据百度地图api加载json数据加载marker图标
09-28
html读取json数据百度地图api加载json数据加载marker图标
微信小程序安装vant组件库和使用
qq_61132537的博客
07-23 698
van-button type="primary">主要按钮</van-button>
本地部署SearXNG
m0_62458145的博客
07-23 495
当您安装 SearXNG 时，默认的输出格式是 HTML 格式。请将以下行添加到 settings.yml 文件中。如前面的示例所示，settings.yml 文件位于 ${PWD}/searxng/settings.yml。SearXNG 是一个免费的互联网元搜索引擎，整合了各种搜索服务的结果。用户不会被跟踪，也不会被分析。中填写访问地址，例如：http://x.x.x.x:8080，如果你想通过其他方式安装 SearXNG，请参考。3. 在 Dify 中集成 SearXNG。
HTTP请求入参类型解读
Bekind2010的专栏
07-24 1066
在HTTP请求中，请求头用于指示资源的MIME类型，即请求体的媒体类型。它告诉服务器实际发送的数据类型是什么，以便服务器能够正确地解析和处理这些数据。可以有多种值，每种值都对应着不同的媒体类型。以下是一些常见的?enctypeenctypeform-datatext/plaintext/plaintext/htmltext/htmltext/xmltext/xmltext/xml每种都对应着不同的数据格式和用途，选择合适的对于确保数据被正确解析和处理至关重要。
PyCharm 常用 的插件
最新发布
u013934107的博客
07-27 156
PyCharm 常用 的插件
c# 读取json数据
10-28
在C#中，读取JSON数据可以使用Json.NET库。以下是读取JSON数据的基本步骤： 1. 引入Json.NET库。 2. 创建一个类来存储JSON数据。 3. 使用JsonConvert.DeserializeObject方法将JSON数据转换为对象。 4. 访问对象的属性以获取数据。 在上面提供的引用中，我们可以看到一个示例，其中包含了读取JSON数据的完整代码。具体来说，我们可以看到以下步骤： 1. 在点击事件中获取JSON文件的路径。 2. 调用ReadJsonFile方法来读取JSON文件。 3. 在ReadJsonFile方法中，检查文件是否存在，如果存在则读取文件内容并将其反序列化为ReadJson对象。 4. 将ReadJson对象的属性值存储在y1_value到y9_value列表中。 5. 将y1_value到y9_value列表中的值添加到listBox1控件中。 以下是一个简单的示例代码，演示如何使用Json.NET库读取JSON数据： ``` using Newtonsoft.Json; using System; using System.Collections.Generic; using System.IO; namespace JsonReaderExample { class Program { static void Main(string[] args) { string json = File.ReadAllText("example.json"); List<Person> people = JsonConvert.DeserializeObject<List<Person>>(json); foreach (Person person in people) { Console.WriteLine($"Name: {person.Name}, Age: {person.Age}"); } } } class Person { public string Name { get; set; } public int Age { get; set; } } } ``` 在这个示例中，我们首先读取名为example.json的JSON文件的内容。然后，我们使用JsonConvert.DeserializeObject方法将JSON数据转换为Person对象的列表。最后，我们遍历列表并输出每个人的姓名和年龄。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值