分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JSON解析

发布时间:2023-09-06 01:28责任编辑:沈小雨关键词:暂无标签

第一种方式

$.ajax({ ???"url":"result/json1.php", ????"type":"post", ?????"success":function (data) { ?????//①将JSON形式的字符串变为对象(JSON) ????var json = JSON.parse(data); ?????$("h1").html(json.info); ???????????} ??})var obj = { ?????????????"name":"哈哈", ?????????????"age":12 ???????}console.log(typeof obj);console.log( typeof JSON.stringify(obj));

第二种方式

概述:eval()是系统默认的函数,是作为window对象的一个方法、因此可以省略window直接使用;

             eval()这个函数很‘变态’;可以将字符串真的变为语义层面上的代表;

$.ajax({ ?????????????"url":"result/json1.php", ??????????????"type":"post", ??????????????"success":function (data) { ????????????????var json = eval("("+data+")"); ????????????????console.log(typeof json); ?????????????????$("h1").html(json.name); ??????????????} ???????});

eval("function fun(){console.log(‘我是一个函数‘)};fun();")

提示:①eval()可以将字符串转换为咱们语义上的代码的含义

       ②eval(‘(‘+data+’)’);

第三种方式

$.ajax({ ?????????????"url":"result/json1.php", ??????????????"type":"post", ??????????????"success":function (data) { ????????????????var json = Function("return"+data)(); ????????????????$("h1").html(json.ceo); ??????????????} ???????});

提示:①JSON它是系统内置的对象、eval()它也是系统内置的函数可以将字符串转换为语义;

       Function系统内置的构造函数,我们也可以拿过来直接使用

json练习

result/json1.php<?php ?$arr = array("name"=>"百度","info"=>"上市公司","ceo"=>"老板","age"=>30); ?//将数组转换为JSON返回给前端 ?print_r(json_encode($arr));?> ???<h1></h1> ???<script type="text/javascript"> ???????$.ajax({ ??????????????"url":"result/json1.php", ??????????????"type":"post", ??????????????"success":function (data) { ???????????????/* ① ?????????????????将JSON形式的字符串变为对象(JSON) ????????????????????var json = JSON.parse(data); ????????????????????$("h1").html(json.info); ????????????????????console.log(data); ??????????????????② ???????????????????var json = eval("("+data+")"); ??????????????????$("h1").html(json.name); ??????????????????console.log(typeof json); ??????????????????console.log(json); ??????????????????eval("function fun(){console.log(‘我是一个函数‘)};fun();") ???????????????????③ ??????????????????var json = Function("return"+data)(); ??????????????????$("h1").html(json.ceo); ??????????????????console.log(json); ????????????????*/ ??????????????} ???????}); ???</script>

JSON解析

原文地址:http://www.cnblogs.com/smivico/p/7954190.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved