JSON教程
  • [JSON教程]JSON 教程
  • [JSON教程]JSON 简介
  • [JSON教程]JSON 语法
  • [JSON教程]JSON 对象
  • [JSON教程]JSON 数组
  • [JSON教程]JSON.parse()
  • [JSON教程]JSON.stringify()
  • [JSON教程]JSON 使用
  • [JSON教程]JSONP 用法
  • [JSON教程]PHP JSON
  • [JSON教程]Python JSON
  • [JSON教程]Android JSON
  • 直达腾讯云服务器
    腾讯云服务器,数据库,短信等热销产品限量秒杀;新购爆款3折起;
    腾讯云数据库MySQL入门机型仅12元/月
    腾讯云云服务器新购特惠,最低2折起,1核1G3年仅794.73元,即0.73元/日。
    腾讯云国际顶级CA机构SSL证书8.8折,云解析买一年最高送半年!
    腾讯云为数百万企业和开发者提供安全、稳定的云服务器、云数据库、CDN等云服务
    腾讯云服务器安全可靠高性能,多种配置供您选择
    腾讯云数据库性能卓越稳定可靠,为您解决数据库运维难题
    阿里云服务器入口
    180天免费用腾讯云服务器马上领取
    您当前位置:狗鱼MySQL教程 >> JSON >> JSON教程 >> JSON 使用
    JSON 使用
    更新日期: 2017年07月13日 来源: 本站原创 作者: 佚名 阅读:
    上一篇JSON.stringify() 下一篇:JSONP 用法

    json 使用


    把 JSON 文本转换为 javascript 对象

    JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 javaScript 对象,然后在网页中使用该数据。

    为了更简单地为您讲解,我们使用字符串作为输入进行演示(而不是文件)。


    JSON 实例 - 来自字符串的对象

    创建包含 JSON 语法的 JavaScript 字符串:

    var txt = '{ "sites" : [' +
    '{ "name":"JSON教程" , "url":"www.JSON.com" },' +
    '{ "name":"google" , "url":"www.google.com" },' +
    '{ "name":"微博" , "url":"www.weibo.com" } ]}';

    由于 JSON 语法是 JavaScript 语法的子集,JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

    eval() 函数使用的是 JavaScript 编译器,可解析 JSON 文本,然后生成 JavaScript 对象。必须把文本包围在括号中,这样才能避免语法错误:

    var obj = eval ("(" + txt + ")");

    在网页中使用 JavaScript 对象:

    实例

    var txt = '{ "sites" : [' +
    '{ "name":"JSON教程" , "url":"www.json.com" },' +
    '{ "name":"google" , "url":"www.google.com" },' +
    '{ "name":"微博" , "url":"www.weibo.com" } ]}';
    var obj = eval ("(" + txt + ")");
    document.getElementById("name").innerhtml=obj.sites[0].name
    document.getElementById("url").innerHTML=obj.sites[0].url

     

    JSON 解析器

     eval() 函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。

    使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON 解析器只能识别 JSON 文本,而不会编译脚本。

    在浏览器中,这提供了原生的 JSON 支持,而且 JSON 解析器的速度更快。

    较新的浏览器和最新的 ECMAScript (JavaScript) 标准中均包含了原生的对 JSON 的支持。

    Web 浏览器支持 Web 软件支持
    • Firefox (Mozilla) 3.5
    •  
    • Internet Explorer 8
    •  
    • Chrome
    •  
    • Opera 10
    •  
    • Safari 4
    • jQuery
    •  
    • Yahoo UI
    •  
    • Prototype
    •  
    • Dojo
    •  
    • ECMAScript 1.5

     

    对于较老的浏览器,可使用 JavaScript 库: https://github.com/douglascrockford/JSON-js

    JSON 格式最初是 originally specified by Douglas Crockford

    感觉本站内容不错,读后有收获?

    我要小额赞助,鼓励提供更好的内容教程

    上一篇JSON.stringify() 下一篇:JSONP 用法
    Copyright 2013-2017 Powered by 狗鱼MySQL教程,All Rights Reserved.
    广州相如计算机科技有限有限公司 版权所有 粤ICP备08130661号-4
    售前咨询:020-38667011 手机:13711588918