Maison > interface Web > js tutoriel > le corps du texte

Comment faire fonctionner json avec jquery

coldplay.xixi
Libérer: 2023-01-04 09:36:58
original
3323 Les gens l'ont consulté

Comment utiliser json avec jquery : 1. Utilisez la méthode [$.parseJSON()] dans jquery ; 2. Utilisez eval dans js pour forcer le transfert ; 3. Utilisez le propre [JSON.parse( ) du navigateur ; 】méthode.

Comment faire fonctionner json avec jquery

L'environnement d'exploitation de ce tutoriel : système Windows7, version jquery3.2.1, ordinateur thinkpad t480.

Recommandé : Tutoriel vidéo jquery

Comment faire fonctionner json avec jquery :

Première méthode : Utilisez $.parseJSON() dans jquery, mais il a des exigences plus élevées pour le format de données json et doit être entouré de guillemets doubles

<script type="text/javascript">    
    //第一种:使用jquery中自带的$.parseJSON()函数
    var jsonStr1 = "{\"name\":\"盖伦\"}";    
    var jsonStr2 = &#39;{"name":"不祥之刃"}&#39;;
    var a = $.parseJSON(jsonStr1);
    console.log("这是一个json对象:",a);
    console.log(a.name);
    var c = $.parseJSON(jsonStr2);
    console.log("这是一个json对象:",c);
    
    //这种方式是错误的
    var jsonStr3 = "{name:&#39;不详之刃&#39;}";    //没有双引号包围起来
    var b = $.parseJSON(jsonStr3);
    console.log(b);
    
</script>
Copier après la connexion

Deuxième méthode : Utilisez eval dans js L'avantage de la conversion forcée

est que les exigences de format json ne sont pas si strictes, mais ce n'est pas bon lors du traitement de données json complexes, telles que

//第2种:js里的方法使用eval来解析jason字符串
    var jsonstr1="[{\"id\":\"1\",\"name\":\"张三\"},{&#39;id&#39;:2,&#39;name&#39;:&#39;李四&#39;},{id:3,name:&#39;王五&#39;}]";
    //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹,都可以用eval解析过来
    var obj = eval(&#39;(&#39;+jsonstr1+&#39;)&#39;);
    console.log(obj);
    console.log(obj[0].name);
Copier après la connexion

contenant des objets. Utilisez le propre JSON.parse()

du navigateur, qui est le même que jquery et a des exigences plus élevées pour le format json

//第3种:使用浏览器自带的JSON.parse
    var jsonStr="{\"id\":\"4\",\"name\":\"王五\"}";
    var obj = JSON.parse(jsonStr); 
    console.log(obj);
Copier après la connexion

Recommandations d'apprentissage gratuites associées : javascript(vidéo)

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!