js读取json数据(php传值给js)

简介:

 

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

如果直接用函数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.  
  3. foreach ($ajax as $key=>$val
  4. $ajax[$key]['name'] = urlencode($val['name']); 
  5. echo json_encode($json); 
  6.  
  7. ?> 

客户端js代码



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


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

原因是因为js 中decodeURI 仅仅支持utf8 转码
所以
php
代码应该为下面的代码
 
 
  
  1. <?php 
  2.  
  3. foreach ($ajax as $key=>$val
  4. $ajax[$key]['name'] = urlencode(iconv('gb2312','utf-8',$val['name'])); 
  5. echo json_encode($json); 
  6.  
  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. document.write(languages.cn.name); 
  12. </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.  
  12. for(var key in myJSONObject){ 
  13. alert(myJSONObject[key][0].regex) 
  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)

}

 



      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/891443,如需转载请自行联系原作者



相关文章
|
1月前
|
JSON 前端开发 JavaScript
聊聊 Go 语言中的 JSON 序列化与 js 前端交互类型失真问题
在Web开发中,后端与前端的数据交换常使用JSON格式,但JavaScript的数字类型仅能安全处理-2^53到2^53间的整数,超出此范围会导致精度丢失。本文通过Go语言的`encoding/json`包,介绍如何通过将大整数以字符串形式序列化和反序列化,有效解决这一问题,确保前后端数据交换的准确性。
44 4
|
2月前
|
数据采集 JSON 数据处理
抓取和分析JSON数据:使用Python构建数据处理管道
在大数据时代,电商网站如亚马逊、京东等成为数据采集的重要来源。本文介绍如何使用Python结合代理IP、多线程等技术,高效、隐秘地抓取并处理电商网站的JSON数据。通过爬虫代理服务,模拟真实用户行为,提升抓取效率和稳定性。示例代码展示了如何抓取亚马逊商品信息并进行解析。
抓取和分析JSON数据:使用Python构建数据处理管道
|
1月前
|
JSON 数据格式 索引
Python中序列化/反序列化JSON格式的数据
【11月更文挑战第4天】本文介绍了 Python 中使用 `json` 模块进行序列化和反序列化的操作。序列化是指将 Python 对象(如字典、列表)转换为 JSON 字符串,主要使用 `json.dumps` 方法。示例包括基本的字典和列表序列化,以及自定义类的序列化。反序列化则是将 JSON 字符串转换回 Python 对象,使用 `json.loads` 方法。文中还提供了具体的代码示例,展示了如何处理不同类型的 Python 对象。
|
1月前
|
JSON 缓存 前端开发
PHP如何高效地处理JSON数据:从编码到解码
在现代Web开发中,JSON已成为数据交换的标准格式。本文探讨了PHP如何高效处理JSON数据,包括编码和解码的过程。通过简化数据结构、使用优化选项、缓存机制及合理设置解码参数等方法,可以显著提升JSON处理的性能,确保系统快速稳定运行。
|
2月前
|
存储 JSON JavaScript
JavaScript JSON
【10月更文挑战第7天】JSON 是 JavaScript 中非常重要的一个数据格式,它为数据的表示和传输提供了一种简单而有效的方式。掌握 JSON 的使用方法和特点,对于开发高质量的 JavaScript 应用具有重要意义。
|
2月前
|
JavaScript Java PHP
快速对比:Django、Spring Boot、Node.js 和 PHP
快速对比:Django、Spring Boot、Node.js 和 PHP
104 7
|
2月前
|
JSON JavaScript Java
在Java中处理JSON数据:Jackson与Gson库比较
本文介绍了JSON数据交换格式及其在Java中的应用,重点探讨了两个强大的JSON处理库——Jackson和Gson。文章详细讲解了Jackson库的核心功能,包括数据绑定、流式API和树模型,并通过示例演示了如何使用Jackson进行JSON解析和生成。最后,作者分享了一些实用的代码片段和使用技巧,帮助读者更好地理解和应用这些工具。
178 0
在Java中处理JSON数据:Jackson与Gson库比较
|
1月前
|
JSON API 数据安全/隐私保护
拍立淘按图搜索API接口返回数据的JSON格式示例
拍立淘按图搜索API接口允许用户通过上传图片来搜索相似的商品,该接口返回的通常是一个JSON格式的响应,其中包含了与上传图片相似的商品信息。以下是一个基于淘宝平台的拍立淘按图搜索API接口返回数据的JSON格式示例,同时提供对其关键字段的解释
|
2月前
|
JSON JavaScript API
(API接口系列)商品详情数据封装接口json数据格式分析
在成长的路上,我们都是同行者。这篇关于商品详情API接口的文章,希望能帮助到您。期待与您继续分享更多API接口的知识,请记得关注Anzexi58哦!
|
2月前
|
JSON 前端开发 Java
【Spring】“请求“ 之传递 JSON 数据
【Spring】“请求“ 之传递 JSON 数据
98 2