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

最新推荐文章于 2024-05-14 23:42:35 发布

叶落无痕123

最新推荐文章于 2024-05-14 23:42:35 发布

阅读量415

点赞数

分类专栏： js PHP

原文链接：https://www.cnblogs.com/Gbeniot/p/3913938.html

版权

PHP 同时被 2 个专栏收录

116 篇文章 1 订阅

订阅专栏

38 篇文章 2 订阅

订阅专栏

<?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代码

<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_r(json); 

                    var html = '<select>'; 
                    $.each(json, function(k) 
                    { 
                        html = '<option value="' json[k]['id'] '">' decodeURI(json[k]['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数据

示例如下：

<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[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结构的数据。

<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"][0].method);  
//这里读取节点bindings中第一个数组位置method的值,也可以使用循环来读取 

for(var key in myJSONObject){ 
alert(myJSONObject[key][0].regex) 
} 
</script>

下面是json官方的js文件

<script src=\'#\'" /script>

// rtval的值：{"digg":[{"diggnum":"12","offnum":"0","pageviews":"680","username":"dodo"}]}

function callback(rtval){

var myJSONObject2=eval_r("("+rtval+")");
alert(myJSONObject2["digg"][0].diggnum)

}

叶落无痕123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js读取json数据（php传值给js）

<?php$array=array('fds','fdsa','fdsafasd');//json_encode($array);?><html><head><scripttype="text/javascript">varreadpoint=<?phpechojson_encode($array);?>;//***注意不要用引号,如果用了json存储的数组就成字符串了。另外如果有键名要以对象的形式...
复制链接

扫一扫

专栏目录