yxixi 发表于 2017-4-3 13:00:38

将PHP数组赋值给JS通过php系统函数json_encode()来实现

  <?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);//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代码


<script   type="text/javascript">
function getsort(obj)
{
             $.ajax(
             {
                 type : "GET",    
                 url : "<?=$this->baseUrl?>/index/getajax",
                 data : "c=" obj.value,
                 success : function(json)
                 {    
                     var json=eval(json);
                
                     var html = '<select>';
                     $.each(json, function(k)
                     {
                         html   = '<option value="'    json['id']    '">'    decodeURI(json['name'])    '</option>';
                     });
                     html   ="</select>";
                     $('#sort').html(html);
                 }
             }
             )
}
</script>



用上面的代码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数据
2010-03-22 来自:博客园 字体大小:【大 中 小】

[*]摘要:本文介绍在js中读取json数据

  示例如下:
<script type="text/javascript" language="javascript">
var languages = {
     cn:{
     lang:'ch',
     name:"中文"
},
en:{
     lang:"英文",
     name:"en"
}
};
document.write(languages.cn.name);
</script>
  =====================================================================
请问有没有详细的js读取json的例子方法
  //根据city获得name
function getNameByCity(city)
{
   var cityName =
   {
     "0556":"安庆市",
    "0372":"安阳市",
   };
   return cityName;
}
  (参考) =====================================================================
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( "(" + strJSON + ")" );//转换后的JSON对象
alert(obj.name);//json name
  第二种方法需要注意的是,对象表达式{'name':'json name'}必须用“()”扩住,否则
var strJSON = "{name:'json name'}";
var obj = eval(strJSON);
alert(obj.constructor);//String 构造函数
alert(obj.name);//undefine
必须把对象表达式扩起来eval执行才能生成一个匿名对象!
  (参考)--------------------------------------------------------------------------
  下面json官方的js,结合ajax来读取解释json结构的数据。
  <script>
  //直接声明json数据结构
var myJSONObject = {"bindings": [
   {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
   {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
   {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};
  alert(myJSONObject["bindings"].method); //这里读取节点bindings中第一个数组位置method的值
  也可以使用循环来读取
  for(var key in myJSONObject){
alert(myJSONObject.regex)
}
  </script>
  下面是json官方的js文件
  <script src="json2.js"></script>
  // rtval的值:{"digg":[{"diggnum":"12","offnum":"0","pageviews":"680","username":"dodo"}]}
  function callback(rtval)
  {
  var myJSONObject2=eval("("+rtval+")");
alert(myJSONObject2["digg"].diggnum)
  }
  </script>
页: [1]
查看完整版本: 将PHP数组赋值给JS通过php系统函数json_encode()来实现