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="json2.js"></script>

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

function callback(rtval){

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

}

转载于:https://blog.51cto.com/xuqin/891443

js读取json数据(php传值给js)相关推荐

  1. JS读取JSON数据

    实例 <script type="text/javascript" language="javascript">var languages = {c ...

  2. js读取json文件片段中的数据

    在html中利用js读取动态网站从服务器端返回的数据进行显示 1.js.html 页面 需要引入 执行jquery的js文件 <!DOCTYPE HTML PUBLIC "-//W3C ...

  3. [js] localStorage 如何存储JSON数据并读取JSON数据

    localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON:那么,localStorage ...

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

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

  5. js html 处理json数据,JS中Json数据的处理和解析JSON数据的方法详解

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族 ...

  6. JS解析json数据(json字符串和数组之间相互转换)

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD ...

  7. odoo openerp 分享-oe嵌入qweb】用js读取数据库数据,用类似html语言重写web报表

    [分享-oe嵌入qweb]用js读取数据库数据,用类似html语言重写web报表  (阅读 4403 次) 阿狸 新手上路 帖子: 26 人气: 1 开启阅读模式 [分享-oe嵌入qweb]用js读取 ...

  8. node.js 读取json文件

    node.js 读取json文件 效果图 目录结构 data.json index.htm app.js 学习资源推荐 效果图 目录结构 data.json [{"name": & ...

  9. php h5视频播放器,基于JSON数据HTML5视频播放器js插件

    frame-player是一款基于JSON数据HTML5视频播放器js插件.该插件没有使用视频文件,只使用JSON格式的数据.在移动手机设备上使用图片帧的形式来播放视频文件. HTML5视频文件的一个 ...

  10. js读取json文件和读取数据库的速度的差别

    今天想直接js读取json文件会快点所以在网络上搜索如何读取本地的json文件结果找到了下边的这样 var Ajax = function () { $.getJSON ("js/useri ...

最新文章

  1. Python适合初学者或者0基础学习吗?
  2. 安装mysql5.5出现1045_安装MySQL提示error Nr.1045如何解决
  3. 零食嘴----美食领域的美丽说
  4. NET问答: 如何取消或中止 Task 执行 ?
  5. Visual Studio 2017的第五个更新包扩展了调试工具
  6. myeclipse中如何在整个工程中搜索字符串
  7. The truth value of an array with more than one element is ambiguous. Use a.any() or a.all()
  8. 高中计算机算计Access怎么做,Access非常简单实用的计算器
  9. lombok slfj 中_lombok @Slf4j注解
  10. 【BZOJ】3963: [WF2011]MachineWorks
  11. 新手CrossApp 之demo SecondViewController小结
  12. access简述报表的功能_报表的主要功能_access标签报表有什么作用
  13. python怎么打字母_如何用python打印字母表?
  14. 华理计算机专硕奖学金,华东理工大学研究生课程学习奖学金评定方法(试行)
  15. Springboot实战项目完结篇之商城系统之收货地址管理
  16. Linux使用sendmail邮件监控[运维监控]
  17. SpringBoot工程接入第三方支付渠道支付宝(C扫B支付)
  18. 智能化API-发票查验接口篇
  19. C. Petya and Inequiations
  20. EMAC和GMAC区别

热门文章

  1. android view state,Android状态系统(二)——View状态组合
  2. php 中访问常量,php 中的常量
  3. mysql upsert语法_mysql – SQL标准UPSERT调用
  4. python selenium 等待元素_python3 selenium 设置元素等待的三种方法
  5. python下载网页内容_使用selenium下载整个html页面内容
  6. mysql 5.7 error log_MySQL · 特性分析 · 5.7 error log 时区和系统时区不同
  7. Python测试入门
  8. 密码学加解密实训(墨者学院摩斯密码第2题)
  9. Jmter接口测试二
  10. JZOJ.5325【NOIP2017模拟8.21】九九归一