js读取json数据（php传值给js）

朴灿烈づ我的快乐病毒、 2022-12-05 13:57 171阅读 0赞

<?php 
    $array =array('fds','fdsa','fdsafasd');  // json_encode($array); 
    ?> 
    
    <html> 
    <head> 
    <script type="text/javascript"> 
    var readpoint = <?php echo json_encode($array);?>; //***注意不要用引号,如果用了json存储的数组就成字符串了。另外如果有键名要以对象的形式弹出如readpoint.id 
    alert(readpoint[0]);//fds 
    </script> 
    </head> 
    </html>

通过JSON（测试成功） 因为JS能识别JSON格式的数据(php跟js的共同点所以这样传值才有效，那xml呢也许可以就算可以也会比较麻烦不提倡。用json就是为了方便否则直接用字符串传也是一样用JS把字符串在还原成数组。)

如果不用JSON的话，本人也尝试过但没有测试成功。弹出某个元素的时候会出现未定义的错误。(测试失败)

当然我们也可以不用赋值直接在js里使用PHP数组（测试成功）。 \*\*\*注意前提是赋值数组不是某个变量\*\*\*

\-----------------------------------------------------

（参考） 如果出现一下问题的话 。本人通过上面方法就可以实现了

json 是一个很好的数据结构现在已经广泛用在网络数据传输上  
  
php 自身待了两个和json 相关的函数  
json\_encode 和 json\_decode  
  
这两个函数的具体用法 网上有很多相关的文章  
本文主要介绍 用json\_encode 时 中文无法转换的解决方案  
  
本文假设 文件所用的编码为gb2312；  
  
先写出所需的数组

<?php 
    $json = array ( 
    0 => 
    array ( 
    'id' => '13', 
    'name' => '乒乓球', 
    ), 
    1 => 
    array ( 
    'id' => '17', 
    'name' => '篮球', 
    ) 
    ) 
    ?>

如果直接用函数json\_encode

<?php 
    echo json_encode($json); 
    ?>

结果为：

<?php 
    [{"id":"13","name":null},{"id":"13","name":null}] 
    ?>

可以看到汉字没有被转义 都为null  
  
这是因为json仅仅转义encoding编码  
  
故上面语句应该先转换编码

<?php 
    
    foreach ($ajax as $key=>$val) 
    { 
    $ajax[$key]['name'] = urlencode($val['name']); 
    } 
    echo json_encode($json); 
    
    ?>

客户端js代码

用上面的代码js会报错 说编码不符合标准  
  
原因是因为js 中decodeURI 仅仅支持utf8 转码  
所以  
php  
代码应该为下面的代码

<?php 
    
        foreach ($ajax as $key=>$val) 
        { 
              $ajax[$key]['name'] = urlencode(iconv('gb2312','utf-8',$val['name'])); 
        } 
        echo json_encode($json); 
    
    ?>

\-------------------------------------------------------------------

# js读取json数据 #

示例如下：

=====================================================================  
请问有没有详细的js读取json的例子方法

//根据city获得name
    function getNameByCity(city)
    {
    var cityName =
    {
    "0556":"安庆市",
    "0372":"安阳市",
    };
    return cityName[city];
    }

(参考) =====================================================================  
**js 中读取JSON的方法探讨**

js读取JSON的方法我接触到的有两种：  
方法一：函数构造定义法返回  
var strJSON = "\{name:'json name'\}";//得到的JSON  
var obj = new Function("return" + strJSON)();//转换后的JSON对象  
alert(obj.name);//json name

方法二：js中著名的eval函数  
var strJSON = "\{name:'json name'\}";//得到的JSON  
var obj = eval\_r( "(" + strJSON + ")" );//转换后的JSON对象  
alert(obj.name);//json name

第二种方法需要注意的是，对象表达式\{'name':'json name'\}必须用“（）”扩住，否则  
var strJSON = "\{name:'json name'\}";  
var obj = eval\_r(strJSON);  
alert(obj.constructor);//String 构造函数  
alert(obj.name);//undefine  
必须把对象表达式扩起来eval执行才能生成一个匿名对象!

（参考）--------------------------------------------------------------------------

下面json官方的js，结合ajax来读取解释json结构的数据。

下面是json官方的js文件