[英]How to json_encode php array but the keys without quotes
我正在尝试用一些数据绘制(使用Flot )饼图
var data = <?php echo json_encode($data)?>
我从中得到的结果是:
var data = [
{"label":"Crear Usuario", "data":"2"},
{"label":"Impresoras", "data":"1"},
{"label":"Problema Correo", "data":"1"},
{"label":"Requisicion Equipo", "data":"1"},
{"label":"Sitio Web", "data":"1"}
]
这里的问题是我需要没有引号的label
和data
,我已经尝试过json_encode($data, JSON_NUMERIC_CHECK);
但只从数字中删除引号。
以下格式是我需要的:
var data = [
{label:"Crear Usuario",data:2}, ...
首先,您必须在 php 中生成数组,以便数据的值是整数,而不是字符串:
我从你的 json_encode() 模拟了你的数组,我想它看起来像这样(或者应该):
$array = array(
array("label" => "Crear Usuario", "data" => 2),
array("label" => "Impresoras", "data" => 1),
array("label" => "Problema Correo", "data" => 1),
array("label" => "Requisicion Equipo", "data" => 1),
array("label" => "Sitio Web", "data" => 1)
);
$data = json_encode($array);
然后你在 Javascript 中缺少 JSON.parse() 来实际将该输出转换为一个 json 对象:
<script>
var data = '<?php echo $data; ?>';
var json = JSON.parse(data);
console.log(json);
console.log(json[0]);
</script>
console.log() 为我输出这个:
[Object, Object, Object, Object, Object] // First console.log(): one object with the 5 Objects.
Object {label: "Crear Usuario", data: 2} // secons console log (json[0]) with the first object
看起来像你需要的,对吗?
带引号和不带引号的键之间没有区别。 问题在于实际数据值周围的引用,因为 Flot 需要数字,而不是字符串。
json_encode 函数根据您提供的数据类型决定是否引用。 在这种情况下,看起来您为创建 $data 执行的任何操作都在生成字符串值而不是整数。 您需要重新检查这些操作,或者明确地告诉 PHP 将它们解释为数字,使用 (int) 或 (float) 转换,或 intval/floatval 函数。
尝试这样的事情:
function buildBrokenJson( array $data ) {
$result = '{';
$separator = '';
foreach( $data as $key=>$val ) {
$result .= $separator . $key . ':';
if( is_int( $val ) ) {
$result .= $val;
} elseif( is_string( $val ) ) {
$result .= '"' . str_replace( '"', '\"', $val) . '"';
} elseif( is_bool( $val ) ) {
$result .= $val ? 'true' : 'false';
} else {
$result .= $val;
}
$separator = ', ';
}
$result .= '}';
return $result;
}
当运行时
$a = array("string"=>'Crear "Usuario', 'foo'=>':', "int"=>2, "bool"=>false);
var_dump( buildBrokenJson($a) );
它给:
string(54) "{string:"Crear \"Usuario", foo:":", int:2, bool:false}"
我创建了一个类来用 php 格式化 json,这里的键上没有引号
class JsonFormatter
{
static $result = '';
static $separator = '';
public static function iterateArray($data) : string
{
static::$result .= '[';
static::$separator = '';
foreach ($data as $key => $val) {
if (is_int($val)) {
} elseif (is_string($val)) {
static::$result .= '"' . str_replace('"', '\"', $val) . '"';
} elseif (is_bool($val)) {
static::$result .= $val ? 'true' : 'false';
} elseif (is_object($val)) {
static::iterateObject($val);
static::$result .= ', ';
} elseif (is_array($val)) {
static::iterateArray($val);
static::$result .= ', ';
} else {
static::$result .= $val;
}
if (!is_int($val)) {
static::$separator = ', ';
}
}
static::$result .= ']';
return static::$result;
}
public static function iterate($data)
{
if (is_array($data)) {
static::iterateArray($data);
} elseif (is_object($data)) {
static::iterateObject($data);
}
return static::$result;
}
public static function iterateObject($data)
{
static::$result .= '{';
static::$separator = '';
foreach ($data as $key => $val) {
static::$result .= static::$separator . $key . ':';
if (is_int($val)) {
static::$result .= $val;
} elseif (is_string($val)) {
static::$result .= '"' . str_replace('"', '\"', $val) . '"';
} elseif (is_bool($val)) {
static::$result .= $val ? 'true' : 'false';
} elseif (is_object($val)) {
static::iterate($val, true);
static::$result .= ', ';
} elseif (is_array($val)) {
static::iterateArray($val, true);
static::$result .= ', ';
} else {
static::$result .= $val;
}
static::$separator = ', ';
}
static::$result .= '}';
return static::$result;
}
}
你现在可以打电话
$jsonWithoutKeyQuotes = JsonFormatter::iterate($data);
感谢 Marcin Orlowski
TL;DR:缺少引号是 Chrome 显示它是 JSON 对象而不是字符串的方式。 确保您有 Header('Content-Type: application/json; charset=UTF8'); 在 PHP 的 AJAX 响应中解决了真正的问题。
细节:想要解决这个问题的一个常见原因是因为在调试返回的 AJAX 数据的处理时发现了这个差异。
就我而言,我使用 Chrome 的调试工具看到了不同之处。 当连接到旧系统时,成功后,Chrome 显示根据调试器,响应中的键周围没有显示引号。 这允许在不使用 JSON.parse() 调用的情况下立即将对象视为对象。 调试我的新 AJAX 目标时,响应中显示了引号,并且变量是字符串而不是对象。
当我在外部测试 AJAX 响应时,我终于意识到了真正的问题,看到遗留系统实际上在键周围有引号。 这不是 Chrome 开发工具显示的内容。 唯一的区别是在遗留系统上有一个指定内容类型的标头。 我将它添加到新的 (WordPress) 系统中,现在调用与原始脚本完全兼容,并且成功函数可以将响应作为对象处理,无需任何解析。 现在我可以在旧系统和新系统之间切换,除了目标 URL 之外没有任何更改。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.