<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>JSON.parse()</title>

<script type="text/javascript">

	//演示样例1：此演示样例使用 JSON.parse 将 JSON 字符串转换为对象

	var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';//JSON 字符串

	var contact = JSON.parse(jsontext);

	document.write(contact.surname + ", " + contact.firstname + ", "+ contact.phone);

	//演示样例2：和实例1是一样的效果

	var jsontext2 = {"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]};//JSON 对象

	//var contact2 = JSON.parse(jsontext2);

	document.write("<br /><br />"+jsontext2.surname + ", " + jsontext2.firstname + ", "+ jsontext2.phone);

</script>

</head>

<body>

</body>

</html>

输出：

Aaberg, Jesper, 555-0100,555-0120

Aaberg, Jesper, 555-0100,555-0120

************************************************************************************

前端页面接收JSON对象的实例：

<script>

	sendRecord('1');

	function sendRecord(record){

		var req = {

			user_id:<?php echo $userId;?>,

			record:record,

		}

		$.ajax({

			url: "./a.php",

			type:"post",

			data:req,

			dataType:"JSON", //返回数据格式为JSON对象

			success: function(res){

			    alert(Object.prototype.toString.apply(res));//alert输出[object Object]，不用JSON.parse()解析

				if(res.result==1){

					alert('11');

				}else if(res.result==2){

					alert('22');

				}else if(res.result==3){

					alert('33');

				}

			},

			error: function(){

				alert('error000');

				console.log(this);

			}

		});

	}

</script>

a.php

<?php

	$record = $_POST['record'];

	if ($record==1) {

		$json['result'] = 1;

	}elseif($record==2){

		$json['result'] = 2;

	}elseif($record==3){

		$json['result'] = 3;

	}

	$json = json_encode($json);

	echo $json;  //{"result":1}

?>

***************************************************************************

<script type="text/javascript" src="./jquery.min.js"></script>

<script>

	sendRecord('2');

	function sendRecord(record){

		var req = {

			record:record,

		}

		$.ajax({

			url: "./b.php",

			type:"post",

			data:req,

			dataType:"JSON", //返回数据格式为JSON对象

			success: function(res){

				//加上dataType:"JSON"，alert输出[object Array]，不须要JSON.parse()解析

				//不加dataType:"JSON"，alert输出[object String]，须要JSON.parse()解析

				alert(Object.prototype.toString.apply(res));

				//var res2 = JSON.parse(res);

				alert(res);

			},

			error: function(){

				alert('error000');

				console.log(this);

			}

		});

	}

</script>

b.php

<?

php

	$record = $_POST['record'];

	if ($record==1) {

		$json = array('a','aa');

	}elseif($record==2){

		$json = array('b','bb');

	}elseif($record==3){

		$json = array('c','cc');

	}

	$json = json_encode($json);

	echo $json;  //["b","bb"]

?

>

总结：假设后台是通过echo json_encode();输出json字符串的话，并且前台使用了dataType:"JSON", 那么则不须要JSON.parse();把json字符串转换成对象或数组。

JSON对象和JSON字符串以及JSON.parse 函数的使用的更多相关文章

  1. json字符串转换成json对象，json对象转换成字符串，值转换成字符串，字符串转成值

    一.json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式.采用完全独立于语言的文本格式,是一种理想的数据交换格式. 同时,json是jav ...

  2. 前台 JSON对象转换成字符串 相互转换 的几种方式

    在最近的工作中,使用到JSON进行数据的传递,特别是从前端传递到后台,前台可以直接采用ajax的data函数,按json格式传递,后台Request即可,但有的时候,需要传递多个参数,后台使用requ ...

  3. JS json对象(Object)和字符串(String)互转方法

    [JS json对象(Object)和字符串(String)互转方法] 参考:https://blog.csdn.net/wenqianla2550/article/details/78232706 ...

  4. js 将json对象转成字符串

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 关于JSON对象，以及联合数组，eval函数的使用参考

    关于JSON对象,以及联合数组,eval函数的使用参考 var json="{persons:[{name:'Zhangsan',sex:'male'},{name:'Lisi',sex:' ...

  6. 获取Json对象的长度以及判断json对象是否为空

    (如有错敬请指点,以下是我工作中遇到并且解决的问题) = = = = = = = = = = = = = = = =  获取Json对象的长度  = = = = = = = = = = = = = = ...

  7. JSON对象获取指定元素以及JSON.parse() 与 JSON.stringify() 的区别

    利用 JSON.parse(param) 实现 例: var param = { "name" : "张三", "text" : { &qu ...

  8. vue axios get请求参数为json对象 而非字符串形式

    axios get请求方式 传递给后台的参数都是字符串下形式,无法传递json对象 或数组对象等    post请求方式则可以实现,   但若后台接口要求必须用get方式传递对象给后台,需要装插件,实 ...

  9. JSON对象转换成字符串【JSON2.JS】

    下载地址 https://github.com/douglascrockford/JSON-js JSON.JS和JSON2.JS的区别 JSON.JS使用的方法名称不同,用的是toJSONStrin ...

  10. LocalStorage存储JSON对象的问题

    LocalStorage存储JSON对象的问题   localStorage - 没有时间限制的数据存储 1 var arr=[1,2,3]; 2 localStorage.setItem(" ...

随机推荐

  1. chrome插件开发-----------将网址转化成二维码website2QRcode

    微信自带的浏览器无法输入链接,仅仅能通过扫描二维码实现.可是有时候看到一个有趣的站点,想分享,还得先去将链接转化成二维码的站点.先转成二维码.再扫描.有点麻烦.所以写了一个插件.直接生成二维码. 须要 ...

  2. Springboot集成Jedis + Redisson（已自测）

    原文:https://blog.csdn.net/c_zyer/article/details/79415728 本文主要跟大家分享在Springboot中集成Jedis和Redisson的方法.为什 ...

  3. 一步一步实现listview加载的性能优化

    listview加载的核心是其adapter,本文针对listview加载的性能优化就是对adpter的优化,总共分四个层次: 0.最原始的加载 1.利用convertView 2.利用ViewHol ...

  4. DRP经验总结

    思想 指导 从开始看DRP项目到完成已经有三个月左右的时间了,这是一个足够长的视频,当看第一集的时候就再想,啥时候看完呢? 其间,也断断续续,有时看的效率高有时相反,有时几天看不了几集,好在总算看完了 ...

  5. exchange 升级顺序导致的邮件被发不出的问题？

    最近在做一个项目POC,准备升级过程目前的2007 环境到exchange 2010,由于客户环境是exchange 2007 sp1 不满足升级的基本条件,我们必须将exchange 2007 sp ...

  6. Pycharm 2018 激活 亲测有效

    下载  https://share.weiyun.com/5NVc5U3  并将 JetbrainsCrack-3.1-release-enc.jar 放置到 pycharm安装目录的\bin目录下( ...

  7. Fragment 简介 基础知识 总结 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  8. JS-HTML DOM remove() 方法

    定义和用法 remove() 方法用于从下拉列表删除选项. 语法 selectObject.remove(index) 说明该方法从选项数组的指定位置移除 <option> 元素.如果指定 ...

  9. 获取jQuery版本号

    今天在一个页面需要知道jquery版本号,来决定使用什么样的方法,有以下方式可以获取到 $.fn.jquery $.prototype.jquery 这两种方式都可以获取到jquery的版本号

  10. 更改DNS轻松访问google.com,FaceBook,Youtube等

    将默认的Dns更改为42.120.21.30即可打开 https://www.google.com/ https://www.facebook.com/ https://www.youtube.com ...