Jquery怎么把json转为对象

143 阅读 0 评论 95 点赞

我是靠谱客的博主愤怒钢笔，最近开发中收集的这篇文章主要介绍Jquery怎么把json转为对象，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows10系统、jquery3.6.0版本、Dell G3电脑。

Jquery怎么把json转为对象

$.parseJSON() 函数用于将符合标准格式的的JSON字符串转为与之对应的JavaScript对象。

注意：传入格式有误的 JSON 字符串可能导致抛出异常。例如，下面这些无效的 JSON 字符串：

"{test: 1}"    
//test是属性名称，必须加双引号
"{'test': 1}"    
//test是属性名称，必须用双引号(不能用单引号)
"'test'" 
//test是属性名称，必须用双引号(不能用单引号)
".1" 
//number 必须以数字开头; "0.1" 将是有效的
"undefined"    
//undefined 不能表示一个 JSON 字符串; null可以
"NaN" 
//NaN 不能表示一个 JSON 字符串; 用Infinity直接表示无限也是不允许的
登录后复制

JSON标准不允许"控制字符"如制表符或换行符,例如：

// 多数情况下，它会抛出一个错误，因为JS解析器会将字符串中的t或n等转义直接视作字面值，起到Tab或换行的效果。
$.parseJSON('{"testing":"1t2n3"}')
登录后复制

正确写法应该如下(使用两个反斜杠，以免被JS解析器直接转义t或n)：

$.parseJSON('{"testing":"1\t2\n3"}')
登录后复制

语法

$.parseJSON( json )
登录后复制

json String类型需要解析并转为JS对象的JSON格式字符串

示例如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js"></script>
</head>
<body>
<script>
$(function () { 
var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );
})
</script>
 
</body>
</html>
登录后复制

输出结果：