`
waiting
  • 浏览: 234801 次
  • 性别: Icon_minigender_1
  • 来自: cq
社区版块
存档分类
最新评论

PHP JSON字符串赋值给JS变量的编码处理·更新最简单办法

    博客分类:
  • PHP
阅读更多

B/S项目中PHP要实现如此功能:获得数据集json_encode为json字符串然后赋值给HTML页面中JS变量,再用parseJSON函数转换为JS对象供动态生成select下拉菜单条目。开始是这样实现的:

前后台数据库全部采用UTF-8编码

 

<?php
 // 从数据库获得, 数值在入库前经过 htmlspecialchars($str) 编码过
$arr = array('k1' => htmlspecialchars_decode($v1));  
$str = json_encode($arr);
?>
<html>
.....
<script>
var tt = jQuery.parseJSON('<?php echo $str;?>');

</script>
</html>

 使用正常。

不过当我需要把js变量的值取出来处理(比如赋值给input输入框时)就发现了问题——字符串是带有htmlspecialchar编码格式的。就是说原始的 a"b'c 字符串此时为  a&quot;b&#039c ,之前用于生成select的HTML代码不会有问题,因为系统会自动转码。但是直接使用就需要人工转码。 于是借鉴 《JavaScript 语言精粹》   里面的例子用JS来解决:

 

if (typeof String.prototype.deentityify !== 'function') {
	String.prototype.deentityify = function() {
		var entity = {
			quot	: '"',
			'#039'	: '\'',
			lt		: '<',
			gt		: '>'
		};
			
		return function () {
			return this.replace(/&([^&;]+);/g, 
				function(a, b) {
					var r = entity[b];
					return typeof r === 'string' ? r : a;
				}
			);
		};
	}();
}

if (typeof String.prototype.entityify !== 'function') {
	String.prototype.entityify = function() {
		var character = {
			'<'		: '&lt;',
			'>'		: '&gt;',
			'&'		: '&amp;',
			'"'		: '&quot;',
			"'"		: '&#039;'
		};
			
		return function () {
			return this.replace(/[<>&"']/g, 
				function(c) {
					return character[c];
				}
			);
		};
	}();
}

// 调用
var value = tt[20].deentityify() ;

考虑到需要转换效率问题,于是思考在服务端解决。 

 

经过尝试,发现如果把数据先 htmlspecialchars_decode($str, ENT_QUOTES) (PHP 5 >= 5.1.0) 解码后再用 json_encode(),此时单元值中双引号编码为 【\" 】,而单引号不变化。比如 【{"k1": "a\"b'c"}

结果就是在JS赋值时出现错误:

 

var str = '<?php echo $json ;?>' ;
var str = "<?php echo $json ;?>" ;
// 无论外层是用单引号还是双引号都会出错

 

 最后写了个函数单独替换引号为unicode字符:

/** 
 * 把单引号双引号编码为unicode 格式以便直接把json字符串赋值给js变量
 * 若引号经过htmlspecial/htmlentities编码则必须htmlspecialchars_decode($str) 否则无法正确替换
 * 在json_encode()之后执行,确保双引号最终编码成 \\u0022,
 * 从而在JS赋值时为 \"
 * <code>
 *	<php>
 *		$val = escapeQuotes(json_encode($arr)) ;
 *	</php>
 * 	<html>
 * 		<script>
 * 			var str = '<?php echo $val;?>' ;   // 外层必须套有引号                               
 *			var obj = $.parseJSON(str);
 *		</secipt>
 * 	</html>
 * </code>
 */
function escapeQuotes($str) {
	if ($str && is_string($str)) {
		$str = str_replace("'",  "\u0027", $str);
		$str = str_replace('"',  "\u0022", $str);
	}
	return $str;
}
 

用法如下:

<?php
 // 从数据库获得, 数值在入库前经过 htmlspecialchars($str, ENT_QUTOES) 编码过
// 或者不经过htmlspecialchars编码,下面也无需解码
$arr = array(
    'k1' => htmlspecialchars_decode($v1, ENT_QUOTES), 
    'k2' => htmlspecialchars_decode($v2, ENT_QUOTES), 
);  
$str = escapeQuotes(json_encode($arr));
?>
<html>
.....
<script>
var tt = jQuery.parseJSON('<?php echo $str;?>');   // 外层也可用双引号

</script>
</html>
 

代码简单,但搞清楚前后台、PHP/HTML/JS 编码解码规律着实费了一番功夫。在此与大家分享。

 

 

update 2011/07/30:

想起了一个更好的办法来解决:在确保变量所有字符是实体(htmlspecialchars_decode())情况下,先对此变量进行json_code()编码然后执行 addslashes () 给引号加上转义反斜杠即可,

此时字符串类似 【{"k1": "a\\\"b\'c"} 】,两层转义供两层输出转换。

 

<?php
 // 从数据库获得, 数值在入库前经过 htmlspecialchars($str) 编码过
$arr = array('k1' => htmlspecialchars_decode($v1));  
$str = addslashes(json_encode($arr));
?>
<html>
.....
<script>
var tt = jQuery.parseJSON('<?php echo $str;?>');

</script>
</html>
 

 

 

 

 

 

 

 

 

1
0
分享到:
评论
3 楼 waiting 2011-12-06  
achun 写道

本身就完整的js值。至于你的数据问题,我怀疑是数据库里面的数据多余的被先转义了一次,等取回的时候又要多一次转义,凭增烦恼。


测试数据是直接写在PHP中而不是从数据库取出来的。数据是由“数组”转换出,在前台赋值后是js对象而不是简单的数字或者字符串
你可以试试看返回带有特殊符号的字符串给前台,比如
echo json_encode(array('k1'=>'a\'b"c'))


前台赋值
var tt = jQuery.parseJSON('<?php echo $str;?>');  

后应该是 tt.k1 = a'b"c  这样的结果。
2 楼 achun 2011-11-30  
楼主的第一个代码
<?php
<script>  
var tt = jQuery.parseJSON('<?php echo $str;?>');  
  
</script>  

就错了,举例
<?php
echo json_encode('ddd');

结果是:
"ddd"

本身就完整的js值。至于你的数据问题,我怀疑是数据库里面的数据多余的被先转义了一次,等取回的时候又要多一次转义,凭增烦恼。
1 楼 xiaoyangok 2011-01-03  
很好

相关推荐

    由php对象生成json字符串 把php对象变成json字符串.zip

    在PHP中,将PHP对象转换成JSON(JavaScript Object Notation)字符串是一项常见的任务,尤其是在进行Web开发时,因为JSON是一种轻量级的数据交换格式,它允许服务器向客户端发送数据,并在客户端进行解析。...

    Oracle JSON 字符串处理实例

    Oracle数据库在JSON处理方面提供了强大的功能,特别是在处理JSON字符串时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于Web服务与应用程序之间的数据传输。在Oracle中,处理JSON字符串...

    Json对象与json字符串互相转换处理工具

    Json对象与json字符串互相转换处理工具

    Json字符串自动格式化

    自动格式化json字符串自动格式化json字符串自动格式化json字符串

    json2.js 字符串转转json对象工具

    总的来说,json2.js是解决JSON处理兼容性问题的一个工具,它提供了一种安全且标准化的方式来在JavaScript中进行JSON字符串与对象之间的转换,尤其对于那些不支持原生JSON操作的老版本浏览器而言。

    C++解析json字符串

    C++作为一款强大的系统编程语言,虽然原生并不支持JSON解析,但有多种库可以用来处理JSON字符串。本主题将深入探讨如何在C++中解析JSON字符串,主要涉及以下几个知识点: 1. **JSON基本结构**:JSON数据由键值对...

    java对象转换为json字符串或字符串数组

    在Java开发中,将Java对象转换为JSON字符串或字符串数组是一项常见的任务,特别是在与前端交互、数据存储或者网络传输时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也...

    js json字符串转对象

    `JSON.stringify()` 是JavaScript提供的一个内置函数,用于将JavaScript对象转换为JSON字符串。这在需要在网络间传输或存储JavaScript对象时非常有用。例如: ```javascript let obj = { name: 'John', age: 30,...

    json字符串转换c++类对象

    在C++编程中,处理JSON(JavaScript Object Notation)数据是一项常见的任务,特别是在与Web服务交互或存储配置信息时。JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。本篇文章将...

    android demo,json数据的处理,json字符串的发送和解析。

    这个“android demo”显然是一个展示如何在Android平台上处理JSON数据、发送JSON字符串以及进行JSON解析的示例项目。下面将详细阐述相关知识点。 一、JSON基础知识 1. JSON格式:JSON采用键值对的形式存储数据,键...

    json字符串格式化工具

    2. **颜色编码**:JsonView使用不同的颜色来区分键、值和类型,如字符串、数字、布尔值、数组和对象,这使得数据一目了然。 3. **折叠/展开**:对于嵌套的JSON对象和数组,用户可以轻松地折叠或展开层级,以便专注...

    Pbjson字符串生成与解析

    本文将深入探讨Pbjson的使用方法、原理以及它如何处理Json字符串的生成与解析。 首先,让我们了解一下什么是protobuf。Protocol Buffers是Google推出的一种数据序列化协议,它允许我们将结构化数据序列化为二进制...

    javascript处理json字符串和json对象的类(含示例)

    下面我们将详细讨论如何在JavaScript中处理JSON字符串和JSON对象。 一、JSON字符串转换为JSON对象 在JavaScript中,可以使用`JSON.parse()`方法将一个JSON格式的字符串转换为JavaScript对象。这个方法接收一个JSON...

    使用json-lib将java对象转换成json字符串

    标题中的“使用json-lib将java对象转换成json字符串”指的是在Java编程中,利用json-lib这个库来将Java对象转化为JSON格式的字符串。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛用于前后端...

    json字符串转换插件

    在Java开发中,处理JSON字符串通常需要借助第三方库,如Gson、Jackson或Fastjson等。本篇将深入探讨“json字符串转换插件”,重点介绍如何在项目中引入和使用这类工具。 首先,我们来理解JSON的基本结构。JSON基于...

    经典ASP读取JSON字符串/生成JSON对象,数组对象等。

    通过引入这个组件,可以将JSON字符串转换为ASP变量,便于操作。例如: ```vbscript Dim jsonStr, jsonObj jsonStr = '{"name": "John", "age": 30}' Set jsonObj = New ASPJSON jsonObj.LoadJSON jsonStr ...

    C语言json字符串的生成与解析

    在C语言中,处理JSON字符串涉及到解析JSON文本为数据结构,以及将数据结构转换为JSON字符串。以下是对C语言中JSON字符串生成与解析的详细说明: 1. JSON数据格式: JSON是一种基于文本的格式,它使用键值对来表示...

    C语言检测字符串是否为json字符串

    在进行数据交互时,我们常常需要检查一个字符串是否符合JSON的格式规范,这就是`C语言检测字符串是否为json字符串`这个主题所关注的问题。 C语言本身并不直接支持JSON解析,因此我们需要借助第三方库或者自定义函数...

    C语言JSON字符串生成代码

    C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言JSON字符串生成代码 C语言...

Global site tag (gtag.js) - Google Analytics