Jquery怎麼把json轉為對象-前端問答-PHP中文網

Jquery怎麼把json轉為對象

WBOY

發布： 2022-06-15 10:10:13

原創

2233 人瀏覽過

在jquery中，可以利用“Jquery.parseJSON()”函数把json转为对象，该函数用于将符合标准格式的的JSON字符串转为与之对应的JavaScript对象，语法为“$.parseJSON(需要解析并转为JS对象的JSON格式字符串)”。

Jquery怎麼把json轉為對象

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

Jquery怎么把json转为对象

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

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

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

登入後複製

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

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

登入後複製

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

$.parseJSON(&#39;{"testing":"1\\t2\\n3"}&#39;)

登入後複製

语法

$.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(&#39;{"name":"John"}&#39;);
alert( obj.name === "John" );
})
</script>
 
</body>
</html>

登入後複製

输出结果：

Jquery怎麼把json轉為對象