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

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

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

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

-----------------------------------------------------

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

json 是一个很好的数据结构现在已经广泛用在网络数据传输上

php 自身待了两个和json 相关的函数
json_encode 和 json_decode

这两个函数的具体用法 网上有很多相关的文章
本文主要介绍 用json_encode 时 中文无法转换的解决方案

本文假设 文件所用的编码为gb2312；

先写出所需的数组

  1. <?php
  2. $json = array (
  3. 0 =>
  4. array (
  5. 'id' => '13',
  6. 'name' => '乒乓球',
  7. ),
  8. 1 =>
  9. array (
  10. 'id' => '17',
  11. 'name' => '篮球',
  12. )
  13. )
  14. ?>

如果直接用函数json_encode

  1. <?php
  2. echo json_encode($json);
  3. ?>

结果为：

  1. <?php
  2. [{"id":"13","name":null},{"id":"13","name":null}]
  3. ?>

可以看到汉字没有被转义 都为null

这是因为json仅仅转义encoding编码

故上面语句应该先转换编码

  1. <?php
  2. foreach ($ajax as $key=>$val)
  3. {
  4. $ajax[$key]['name'] = urlencode($val['name']);
  5. }
  6. echo json_encode($json);
  7. ?>

客户端js代码

  1. <script type="text/javascript">
  2. function getsort(obj)
  3. {
  4. $.ajax(
  5. {
  6. type : "GET",
  7. url : "<?=$this->baseUrl?>/index/getajax",
  8. data : "c=" obj.value,
  9. success : function(json)
  10. {
  11. var json=eval_r(json);
  12. var html = '<select>';
  13. $.each(json, function(k)
  14. {
  15. html = '<option value="' json[k]['id'] '">' decodeURI(json[k]['name']) '</option>';
  16. });
  17. html ="</select>";
  18. $('#sort').html(html);
  19. }
  20. }
  21. )
  22. }
  23. </script>

用上面的代码js会报错 说编码不符合标准

原因是因为js 中decodeURI 仅仅支持utf8 转码
所以
php
代码应该为下面的代码

 
  1. <?php
  2. foreach ($ajax as $key=>$val)
  3. {
  4. $ajax[$key]['name'] = urlencode(iconv('gb2312','utf-8',$val['name']));
  5. }
  6. echo json_encode($json);
  7. ?>

-------------------------------------------------------------------

js读取json数据

示例如下：

 
  1. <script type="text/javascript" language="javascript">
  2. var languages = {
  3. cn:{
  4. lang:'ch',
  5. name:"中文"
  6. },
  7. en:{
  8. lang:"英文",
  9. name:"en"
  10. }
  11. };
  12. document.write(languages.cn.name);
  13. </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结构的数据。

  1. <script>
  2. //直接声明json数据结构
  3. var myJSONObject = {"bindings": [
  4. {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
  5. {"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
  6. {"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
  7. ]
  8. };
  9. alert(myJSONObject["bindings"][0].method);
  10. //这里读取节点bindings中第一个数组位置method的值,也可以使用循环来读取
  11. for(var key in myJSONObject){
  12. alert(myJSONObject[key][0].regex)
  13. }
  14. </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)

}

js读取json数据（php传值给js）的更多相关文章

  1. js读取json数据

    { "code": 0, "msg": null, "data": { "pageNum": 1, "page ...

  2. js 读取json数据 挖坑

    一般遇到后台给的json数据格式不对 比如key和value都是单引号. 但真正的json 的key和value都是双引号,必须双引号才能取值. 再来一个例子看看 var test = [{ &quo ...

  3. js循环读取json数据，将读取到的数据用js写成表格

    ①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...

  4. js进阶ajax读取json数据（ajax读取json和读取普通文本，和获取服务器返回数据（链接）都是一样的，在url处放上json文件的地址即可）

    js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可) 一.总结 ajax读取json和读取普通文本,和获 ...

  5. js声明json数据，打印json数据，遍历json数据

    1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...

  6. JS解析json数据并将json字符串转化为数组的实现方法

    json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...

  7. JS解析json数据

    JS解析json数据(如何将json字符串转化为数组) 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q ...

  8. 初探原生js根据json数据动态创建table

    初探原生js根据json数据动态创建table 小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有 ...

  9. js处理json数据，java处理json数据

    一.js处理json数据 处理办法之一是把本机json数据或远程返回json数据用eval函数,使之变成DOM对象. 例如: var people = { "programmers" ...

随机推荐

  1. 一、Android应用程序的基本原理（Fundamentals [,fʌndə'mentlz]）

    Android 应用程序以java作为编程语言.Android SDK工具把代码连同数据.资源文件一起编译成一个以.apk为后缀(suffix)的android 程序存档(archive)文件包.在一 ...

  2. Selenium html之于ul标志代码分析与使用

    分析:https://github.com/页面Li <div class="header header-logged-out"> <div class=&quo ...

  3. uva 11234 Expressions 表达式 建树+BFS层次遍历

    题目给出一个后缀表达式,让你求从下往上的层次遍历. 思路:结构体建树,然后用数组进行BFS进行层次遍历,最后把数组倒着输出就行了. uva过了,poj老是超时,郁闷. 代码: #include < ...

  4. Oracle 基础 游标

    一:游标的基本原理 游标用来处理从数据库中检索的多行记录(使用SELECT语句).利用游标,程序可以逐个地处理和遍历一次检索返回的整个记录集. 为了处理SQL语句,Oracle将在内存中分配一个区域, ...

  5. eclipse启动问题

    今天在公司正上班,突然跳出来一个windows update补丁更新,然后就确认呗,结果更新完成之后, eclipse打不开了,启动报错: could not find the main class, ...

  6. hdu-5597 GTW likes function(欧拉函数+找规律)

    题目链接: GTW likes function Time Limit: 4000/2000 MS (Java/Others)     Memory Limit: 131072/131072 K (J ...

  7. poj 3378 二维树状数组

    思路:直接用long long 保存会WA.用下高精度加法就行了. #include<map> #include<set> #include<cmath> #inc ...

  8. 【转】loadrunner场景对性能测试策略的映射

    性能测试策略 LoadRunner性能测试场景 压力测试 面向目标测试场景+忽略think time 负载测试 手工测试场景+同步点+think time+虚拟IP+带宽模拟…… 并发测试 同步点+多 ...

  9. 根据不同的分辨率选择不同的css文件

    <SCRIPT language=javascript> <!-- Begin if (screen.width == 640) { document.write('<link ...

  10. 五、PackageManager获取版本号

    PackageInfo代表的是关于一个包的所有信息,就相当于一个APP应用的清单文件中收集到的所有信息. 通过这个类我们就可以获取类似版本号等一些信息. 1 2 3 4 5 6 7 8 9 10 11 ...