Maison  >  Article  >  interface Web  >  Comment faire fonctionner json avec jquery

Comment faire fonctionner json avec jquery

coldplay.xixi
coldplay.xixioriginal
2020-12-11 12:03:463334parcourir

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>

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);

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);

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!

Déclaration:
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