js处理json注意了

最新推荐文章于 2024-04-10 18:24:39 发布
最新推荐文章于 2024-04-10 18:24:39 发布
阅读量6.1k 收藏 1
点赞数
分类专栏： ASP.NET 文章标签： jquery json eval
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Joyhen/article/details/8797039
版权
如有不明白的地方欢迎加QQ群 14670545 探讨 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>jq handle json</title>   
    <style type="text/css">
        *{font-family:Arial; font-size:14px;}
        /*表单输入框样式*/
        .input_on { background-color:#FFFFCC; border:1px solid #999999; height:16px; padding:1px; }
        .input_off { background-color:#FFFFFF; border:1px solid #A8ACAD; height:16px; padding:1px; }
        .input_move { background-color:#FFFFCC; border:1px solid #999999; height:16px; padding:1px; }
        .input_out { background-color:#FFFFFF; border:1px solid #A8ACAD; height:16px; padding:1px; }
    
        .btn_normal{ border:none; background-color:#0960a2; padding-left:10px; padding-right:10px; height:22px; line-height:22px; margin:0px; color:#fff;}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style=" width:900px; margin:0 auto;">     
        <p>{ width: 1680, height: 1050 }或者({ "width": "1680", "height": "1050" })</p>   
        <div style="width:500px;">            
            <input type="text" id="txtTest" style="width:300px;" class="input_off" οnblur="this.className='input_off';" οnfοcus="this.className='input_on';" />
            <input type="button" id="btnTest" class="btn_normal" value="测试" />
        </div>
    </div>
    </form>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnTest").click(function () {
                //var listStr = eval('({ "width": "1680", "height": "1050" })'); //eval解析需要有一对括号包围[加不加双引号不影响]
                var listStr = $.parseJSON('{ "width": "1680", "height": "1050" }'); //如果是parseJSON方法解析，则必须是双引号包围，而且不能去掉
                //var listStr = { "width": "1680", "height": "1050" };
                var str = $.param(listStr);
                alert(listStr.width + ',' + listStr.height);
                $("#txtTest").val(str);
            })
        })
    </script>
</body>
</html>

效果测试：


关于parseJSON方法，jquery API给出的说明如下：

接受一个JSON字符串，返回解析后的对象。

传入一个畸形的JSON字符串会抛出一个异常。比如下面的都是畸形的JSON字符串：

{test: 1} （ test 没有包围双引号） 
{'test': 1} （使用了单引号而不是双引号） 
另外，如果你什么都不传入，或者一个空字符串、null或undefined，parseJSON都会返回 null 。 


var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );

/// <summary>
    /// 输出json提示
    /// </summary>
    /// <param name="intTag">标记值</param>
    /// <param name="msg">提示内容</param>
    /// <remarks>
    /// eval解析需要有一对括号包围,加不加双引号不影响;
    /// 如果是parseJSON方法解析，则必须是双引号包围，而且不能去掉.
    /// </remarks>
    private string JsonString(int intTag, string msg)
    {
        return "({ tag:'" + intTag.ToString() + "', msg:'" + msg + "'})";
    }


joyhen
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中的JSON
m0_63077733的博客
07-17 2377
这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。提供的函数接收两个参数：属性名（key）和属性 值（value）。这个 key 始终是字符串，只是在值 不属于某个键/值对时会是空字符串。即使整个 JSON 对象中有两个属性都叫"name"， 但它们属于两个不同的对象，因此是允许的。JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。
JS生成JSON字符串---autojs pro 篇
zy0412326的专栏
03-08 493
JS生成JSON字符串---autojs pro 篇
JS中的JSON（秒懂如何操作JSON）
最新发布
百赢出品，必属精品
04-10 4319
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的语法子集，但是独立于编程语言。JSON格式可以用来在网络中传输数据，也可以存储数据。JSON采用键值对的方式表示数据，其中键是字符串，值可以是字符串、数字、布尔值、数组、对象或者null。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于在不同系统之间进行数据传输和存储。格式JSON采用键值对的方式存储数据。
js对json数据的操作,fromjson用法详解
aifans_bert的博客
09-11 4452
var json = [{"id":"中","rowid":"华","kk":"66"},{"id":"美","rowid":"美丽","kk":"22"}] let arr = [];用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。
JSON.parse() 对于特殊值的错误
z132411的博客
04-09 456
浏览器打印特殊值的错误 JSON.parse(null); // null JSON.parse(""); // VM6600:1 Uncaught SyntaxError: Unexpected end of JSON input JSON.parse(undefined); // VM6635:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0 可以发现 JSON.parse() 的参数必须符合 JSON字符串 的格
浅谈JS中json数据的处理
10-22
在JavaScript中处理JSON数据通常需要将JSON字符串转换为JavaScript对象或反之。在处理过程中，可能需要引入外部库如jQuery，但现代浏览器内置了JSON支持，因此可以直接使用`JSON.parse()`和`JSON.stringify()`方法...
如何利用javascript接收json信息并进行处理
10-14
本文将深入探讨如何利用JavaScript接收和处理JSON信息。 首先，我们需要理解JSON的基本结构。JSON数据通常以键值对的形式表示，形如`{"key": "value", "key2": "value2"}`。在JavaScript中，这种格式与对象的定义...
JS获取json文件内容并处理参考
09-14
3. **服务器端**：需要注意的是，这里的"a.json"并不是直接请求一个JSON文件，而是指一个接口路径，服务器应该在这个路径上提供JSON数据。服务器端的实现取决于你使用的后端技术，例如Node.js、PHP、Python等。 4. ...
JavaScript JSON使用原理及注意事项
10-15
JavaScript JSON 使用原理与注意事项 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式，它的设计灵感来源于JavaScript语法，但作为一个独立的标准，被广泛应用于各种编程语言中，包括JavaScript。...
json粘包处理 [Delphi]
11-15
本文将深入探讨如何在Delphi环境下，利用第三方库QDAC来处理JSON粘包问题。 首先，我们要理解什么是“粘包”。在网络通信中，如果连续发送多个小数据包，为了提高传输效率，网络层可能会将这些小包合并成一个大包...
js中json使用全解
03-04
一、选择的意义 二、JSON 基础 三、在JavaScript中使用JSON 四、JSON在Ajax中的应用
json对象控制台可以打印，取对象属性值时确为undefined
m0_72929120的博客
08-31 269
【代码】json对象控制台可以打印，取对象属性值时确为undefined。
autojs-获取api接口JSON值
qq_33962835的博客
02-11 6864
比如服务器上存有一段json数据。 { "ret": 200, "data": { "name": "飞云脚本圈", "url": "http://www.feiyunjs.com" }, "msg": "" } 我们要获取其中的name值。 //此代码由飞云脚本圈原创（www.feiyunjs.com） //接口采用PhalApi...
JavaScript json对象与字符串 互转
weixin_33816946的博客
09-17 139
js 将json字符串转换为json 在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如： JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex"...
js中的json处理
雾里看花
09-30 1100
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，我们常使用此格式进行前后台数据交互，因此，我们必须掌握js中对json数据的解析和转化，有不少方法可以实现，我们拿其中的几种方法进行简单讲解。 Ⅰ. 使用JSON.stringify() 和 JSON.parse() 方法。 IE支持情况：IE 8 标准模式、IE 9 标准模式、IE 10 标准模式、
js html 处理json数据,JS中Json数据的处理和解析JSON数据的方法详解
weixin_33542589的博客
06-09 911
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯(包括C、C++、C#、Java、JavaScript、Perl、Python等)。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(一般用于提升网络传输速...
js---json对象拆分
weixin_30475039的博客
03-21 1259
var a={ "bb":"world", "a0":1, "a1":2, "b0":4, "b1":5, "aa":"hello" } var keyList=Object.keys(a) var projectList={"self":{}} var rex=/[0-9]$/g for(i=0;i<keyList....
集成现有数据——使用JSON数据
dezhen7792的博客
07-07 192
此文档解决以下问题： 一、从标准文本文件中读取数据 1.读取txt文件 1.1 从文本文件中读取数据 1.2 将文本文件中的数据读入数组，并作为列表输出 1.3 从文本文件中的读取数据，以警告框输出 1.4 从文本文件中的读取数据和状态，以警告框输出 2.读取CSV文件 2.1 将文本文件中的数据读入对象并作为表输出 二、使用XML数据 3.读取...
js怎么处理JSON数据
04-26
JavaScript可以使用JSON.parse()方法将JSON格式的字符串转换为JavaScript对象，也可以使用JSON.stringify()方法将JavaScript对象转换为JSON格式的字符串。例如，可以使用以下代码将一个JSON字符串解析为JavaScript对象： ``` const jsonString = '{"name":"Alice","age":30,"hobbies":["reading","traveling"]}'; const obj = JSON.parse(jsonString); console.log(obj.name); // "Alice" console.log(obj.age); // 30 console.log(obj.hobbies); // ["reading", "traveling"] ``` 可以使用以下代码将JavaScript对象转换为JSON格式的字符串： ``` const obj = { name: "Alice", age: 30, hobbies: ["reading", "traveling"] }; const jsonString = JSON.stringify(obj); console.log(jsonString); // '{"name":"Alice","age":30,"hobbies":["reading","traveling"]}' ``` 需要注意的是，JSON数据必须是有效的JSON格式，否则使用JSON.parse()方法将无法正确解析。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值