Maison > Article > interface Web > Comment faire fonctionner json avec jquery
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.
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 = '{"name":"不祥之刃"}'; var a = $.parseJSON(jsonStr1); console.log("这是一个json对象:",a); console.log(a.name); var c = $.parseJSON(jsonStr2); console.log("这是一个json对象:",c); //这种方式是错误的 var jsonStr3 = "{name:'不详之刃'}"; //没有双引号包围起来 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\":\"张三\"},{'id':2,'name':'李四'},{id:3,name:'王五'}]"; //上面这三种写法不论是用单引号包裹或者双引号包裹或不包裹,都可以用eval解析过来 var obj = eval('('+jsonstr1+')'); console.log(obj); console.log(obj[0].name);
contenant des objets. Utilisez le propre JSON.parse()
//第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!