Maison > interface Web > Questions et réponses frontales > Comment convertir json en objet avec Jquery

Comment convertir json en objet avec Jquery

WBOY
Libérer: 2022-06-15 10:10:13
original
2251 Les gens l'ont consulté

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

Comment convertir json en objet avec Jquery

本教程操作环境: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直接表示无限也是不允许的
Copier après la connexion

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

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

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

$.parseJSON('{"testing":"1\\t2\\n3"}')
Copier après la connexion

语法

$.parseJSON( json )
Copier après la connexion

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>
Copier après la connexion

输出结果:

Comment convertir json en objet avec Jquery

视频教程推荐:jQuery视频教程

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal