代码之家 › 专栏 › 技术社区 › å¤æåå ´

PHP:将键值数组的JSON传递给Javascript:via Ajax vs direct echo out

json php javascript

-1

å¤æåå ´ · 技术社区 · 6 年前

为什么通过Ajax向Javascript传递PHP键值数组与直接向Javascript变量发出回声不同?

下面是一个例子:

<?php
$fruits = array(
    "a"=>"apple",
    "b"=>"banana",
    "c"=>"coconut",
);

if ( isset($_GET["ajax"]) ) {
    header('Content-Type: application/json');
    echo json_encode( $fruits );
    exit;
}
?>

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">

    var fruits_php = <?php echo json_encode($fruits); ?>; //<--NO AJAX (Problem is here!)
    console.log( "PHP:", fruits_php );

    jQuery( document ).ready(function() {
        $.ajax({
            url: '?ajax',
            type: "GET",
            cache: false,
            headers: {
                'Content-Type':'application/json; charset=utf-8',
                'Cache-Control':'no-cache',
            },
            success: function(fruits_ajax){
                console.log( "Ajax:", fruits_ajax );  //<--AJAX
            }
        });
    });
</script>
</head>
</html>

然后他们变得不同了:

基本上 “钥匙”不见了 在PHP->Javascript直接分配方法中。

为什么会这样?
如何在不丢失原始PHP数组结构的情况下直接分配到Javascript?

3 回复 | 直到 6 年前

ngearing 6 年前

虽然我不能复制你的例子,但我确实有一些想法。看起来 json_encode 正在将关联数组转换为索引数组。

可以尝试将数组转换为对象:

$fruits = (object) array(
    'a' => 'apple',
    'b' => 'banana',
    'c' => 'coconut',
);

或在 json编码 功能:

json_encode( $fruits, JSON_FORCE_OBJECT );

你在运行什么版本的php?

chethan 6 年前

尝试JSON.parse(),如下所示

var fruits_php = JSON.parse(<?php echo json_encode($fruits); ?>);

-1

Rahul Kalal 6 年前

从ajax请求中删除header参数,然后像这样执行控制台日志

console.log( fruits_ajax );

推荐文章

Sweepy Dodo · JSON lite的格式化

4 月前

SebMa · 为什么我用mikefarah/yq得到两倍的JSON输出?

5 月前

Dione Saturn · JSON、fetch、HTML中的javascript和未定义或空字符串[重复]

5 月前

user24242514 · 将嵌套查询字符串请求转换为字典

5 月前

Shane Harley · 通过这些JSON元素进行映射

5 月前

Milenko Markovic · 如何使用Python读取JSON?操作系统错误:[Errno 36]文件名太长:

5 月前

Shane Harley · 将HTML作为JSON字符串的一部分?

5 月前

user6631314 · 使用PHP从api响应中提取视频数据[复制]

5 月前

Matt Miles · 如何将嵌套的JSON转换为数据帧?

5 月前

ololo · 不支持目录导入

6 月前