JSON对象和JSON字符串以及JSON.parse 函数的使用

最新推荐文章于 2023-06-20 14:42:55 发布
最新推荐文章于 2023-06-20 14:42:55 发布
阅读量318 收藏
点赞数 1
文章标签： json php xhtml 
<!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字符串转换成对象或数组。



moqiang02
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 将json字符串转换为json对象的方法解析
12-03
一、JSON字符串转换为JSON对象 要使用上面的str1，必须使用下面的方法先转化为JSON对象： //由JSON字符串转换为JSON对象 var obj = eval(‘(‘ + str + ‘)’); 或者 var obj = str.parseJSON(); //由JSON...
详解JSON.parse 和 JSON.stringify
jimojianghu的专栏
01-25 1万+
JSON格式，(简写JavaScript Object Notation)，是一种用于数据交换的文本格式，书写简单。 基于JavaScript原生语法，能够序列化对象、数组、数值、字符串、布尔值和 null。 在ES5中，增加了一个JSON对象，专门用
JSON.parse() 全面用法介绍
大剑师兰特的GIS世界
06-20 3005
JSON 通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用方法将数据转换为 JavaScript 对象。
Json文件解析
unspoken0714的博客
06-06 983
Json文件 参考blog：json文件格式详解 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 示例： { "topics": [ { "topic": "/RFC01", "type": "ld_image" }, { "topic": "/hesai_2", "type":
JSON.parse()——07
cyl16688
11-14 1211
JSON.parse() JSON 通常用于与服务端交换数据。 在接收服务器数据时一般是字符串。 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 语法 JSON.parse(text[, reviver]) 参数说明： text:必需， 一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 JSON 解析实例 例如我们从服务器接收了以下数据 { "name":"runoob", "alexa":10000, "s
js字符串转化成json对象，使用JSON.parse()需要注意的地方
weixin_34395205的博客
11-03 8791
相信大部分人都知道或者去百度检索都会得到将js中的字符串转化成json对象常见的3种方法 举例： var str = '{"name":"小明","age":18}'; 将字符串转化json对象： var json = JSON.parse(str); var json = eval("(" + str + ")"); var jso...
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
01-21
1. JSON.parse 函数: 使用 JSON.parse 可将 JSON 字符串转换成对象。 <!doctype html> <html> <head> <meta charset=UTF-8> <title>Document</title> [removed] var ...
JSON对象转化为字符串详解
12-11
JSON.stringify() 生成的字符串可以用 JSON.parse() 再还原成 JavaScript 值。 参数的含义 1）JSON.stringify(value[, replacer[, space]]) 2）value：必选参数。被变换的 JavaScript 值，一般是对象或数组。 3）...
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
11-30
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。...一、JSON字符串转换为JSON对象： eval() 和 JSON.parse eg- json字符串: var data = '{ "name": "dran", "sex": "man
jQuery.parseJSON()函数详解
12-03
jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象。 所谓”格式完好”，就是要求指定的字符串必须符合严格的JSON格式，例如：属性名称必须加双引号、字符串值也必须用双引号。 如果...
有用的JsonCpp的使用
Wfengqiang的博客
08-24 939
找到可以用的代码了
JsonCpp使用方法详解
小米的修行之路
12-26 2万+
JSON全称为JavaScript ObjectNotation，它是一种轻量级的数据交换格式，易于阅读、编写、解析。jsoncpp是c++解析JSON串常用的解析库之一。 jsoncpp中主要的类： Json::Value：可以表示所有支持的类型，如：int , double ,string , object, array等。其包含节点的类型判断(isNull,isBool,isInt,
C++处理JSON示例
热门推荐
WorldMvp的专栏
07-10 3万+
一、简单介绍   JSON 的全称为：JavaScript Object Notation，JSON 是用于标记 Javascript 对象的，JSON 官方的解释为：JSON 是一种轻量级的数据传输格式。 二、第三方库   jsoncpp：它 是比较出名的 C++ JSON 解析库。地址：http://sourceforge.net/projects/jsoncpp 三、使用方法
JSON.parse()
fnjejkd的博客
10-11 1998
JSON.parse() 方法用于将一个 JSON 字符串转换为对象。 语法 JSON.parse(text[, reviver]) 参数说明： text:必需， 一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 返回值： 返回给定 JSON 字符串转换后的对象。 实例 尝试一下 » 使用可选参数： 实例 JSON.parse(’{...
c++ json 详解
weixin_33754065的博客
12-01 435
 一. 使用jsoncpp解析json Jsoncpp是个跨平台的开源库，首先从http://jsoncpp.sourceforge.net/上下载jsoncpp库源码，我下载的是v0.5.0，压缩包大约107K，解压，在jsoncpp-src-0.5.0/makefiles/vs71目录里找到jsoncpp.sln，用VS2003及以上版本编译，默认生成静态链接库。 在工程中引用，只需要inc...
JSON.parse()的用法
xxxbx的博客
03-14 559
JSON.parse()的用法 返回值： 返回给定 JSON 字符串转换后的对象。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, i
JSON.parse()的正确用法
weixin_33991727的博客
12-18 1613
昨天晚上在项目中使用JSON.parse()来将字符串格式的数据转换成json，结果悲剧了，总感觉方法没有用错，可是就是报错！想了好久，最后发现原来是json字符串格式不标准！ 如：var a = “{‘id':‘1’,'name':'北京'}” 和 var b = ‘{“id”:"1","name":"北京"}’，有发现a和b有什么不同吗？ 咋一看是没有什么不同的，但是，当JSON.pa...
JSON.parse() Unexpected token i in JSON at position 2 报错问题
weixin_43869096的博客
03-23 1248
JSON.parse()： Unexpected token i in JSON at position 2 报错问题 错误代码： var res = "[{id:1,name:'liming'},{id:2,name:'xiaobai'}]"; var objRes = JSON.parse(res); console.log(objRes) 1 2 3 正确代码： var res = '[{"id":1,"name":"liming"},...
javascript json.parse()多层嵌套json字符串报错解决办法
最新发布
09-06
在使用JavaScript的`JSON.parse()`函数解析多层嵌套的JSON字符串时，可能会遇到报错的情况。常见的报错信息可能是"JSON.parse: end of data after property starting at line..."或者"JSON.parse: unexpected ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值