js读取json数据的例子,php传值给js实现代码

发布时间:2020-08-16编辑:脚本学堂
本文介绍了js读取json数据的例子,以及php传值给js的方法,用json就是为了方便否则直接用字符串传也是一样用JS把字符串在还原成数组,需要的朋友参考下。

例子:
 

复制代码 代码示例:
<?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)
}