js读取json数据(php传值给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数组(测试成功)。 ***注意前提是赋值数组不是某个变量***
-----------------------------------------------------
(参考) 如果出现一下问题的话 。本人通过上面方法就可以实现了
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)
}
js读取json数据(php传值给js)的更多相关文章
- js读取json数据
{ "code": 0, "msg": null, "data": { "pageNum": 1, "page ...
- js 读取json数据 挖坑
一般遇到后台给的json数据格式不对 比如key和value都是单引号. 但真正的json 的key和value都是双引号,必须双引号才能取值. 再来一个例子看看 var test = [{ &quo ...
- js循环读取json数据,将读取到的数据用js写成表格
①js循环读取json数据的方式: var data=[{"uid":"2688","uname":"*江苏省南菁高级中学 022 ...
- js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可)
js进阶ajax读取json数据(ajax读取json和读取普通文本,和获取服务器返回数据(链接)都是一样的,在url处放上json文件的地址即可) 一.总结 ajax读取json和读取普通文本,和获 ...
- js声明json数据,打印json数据,遍历json数据
1.js声明json数据: 2.打印json数据: 3.遍历json数据 //声明JSON var json = {}; json.a = 1; //第一种赋值方式(仿对象型) json['b'] = ...
- JS解析json数据并将json字符串转化为数组的实现方法
json数据在ajax实现异步交互时起到了很重要的作用,他可以返回请求的数据,然后利用客户端的js进行解析,这一点体现出js的强大,本文介绍JS解析json数据并将json字符串转化为数组的实现方法, ...
- JS解析json数据
JS解析json数据(如何将json字符串转化为数组) 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN&q ...
- 初探原生js根据json数据动态创建table
初探原生js根据json数据动态创建table 小生以实习生的职位进入了一家非纯软件的公司做asp.net开发,大半个月下来发现公司里居然没有前端工程师,这令我很诧异,跟着公司做项目,发现前端后台没有 ...
- js处理json数据,java处理json数据
一.js处理json数据 处理办法之一是把本机json数据或远程返回json数据用eval函数,使之变成DOM对象. 例如: var people = { "programmers" ...
随机推荐
- Android学习笔记⑧——UI组件的学习AdapterView相关2
前面都是用ListView控件来配合Adapter做的一些实例,这次我们来见识一下GridView与Adapter之间的爱恨情仇.... GridView是用于在界面上按行.列分布的方式来显示多个的组 ...
- frame,bounds,center分析
采用CGPoint来表示坐标系X,Y位置,创建一个坐标的方式为:CGPoint point=CGPointMake(x,y) CGSize用来表示视图的宽度和高度,可以用CGSizeMake(widt ...
- [Android]天气App 1
闲赋在家,无事可做就想着做点东西,于是乎把玩手机,我最常用的就是看天气,基本上我每天起来第一件事就是看天气,哈哈,用别人的这么爽,为什么不自己整一个关于天气的应用呢,墨迹天气.小米系统自带的天气.ya ...
- VS2008/MVC2 项目迁移到 VS2013/MVC4
第1步.MVC2 => MVC3 手动处理可以参考这个: http://www.asp.net/whitepapers/mvc3-release-notes#upgrading 使用工具 ASP ...
- 水题2枚 Codevs1464&&Codevs1472
1472 体检 时间限制: 1 s 空间限制: 64000 KB 题目等级 : 白银 Silver 题解 查看运行结果 题目描述 Description 郑厂长不是正厂长 也不是副厂长 ...
- WPF 多语言 多资源 多皮肤 处理方案
同时兼容这么多需求的解决方案 我想到的 只有通过 动态切换加载资源字典 前端用绑定的模式 达到托管最大化 多语言举例 我编辑了 两个 语言包 一个中文 一个英文 (语言包这个最好用T4 写个模板, ...
- Javascript计算中英文混输字符串长度V2
同上篇, client端也需要同样规则验证 compact_strlen: function(str) { var strlen = 0; for(var i =0; i<str.length; ...
- 阿里巴巴的分布式应用框架-dubbo负载均衡策略--- 一致哈希算法
dubbo是阿里巴巴公司开发的一个开源分布式应用框架,基于服务的发布者和订阅者,服务者启动服务向注册中心发布自己的服务:消费者(订阅者)启动服务器向注册中心订阅所需要的服务.注册中心将订阅的服务注册列 ...
- UIView总结---对UIView头文件中的大部分信息进行中文注释
@interface UIView : UIResponder<NSCoding, UIAppearance, UIAppearanceContainer, UIDynamicItem> ...
- UI1_UITableViewHomeWork
// // AppDelegate.m // UI1_UITableViewHomeWork // // Created by zhangxueming on 15/7/14. // Copyrigh ...