如何使用JSON

json的使用对于js来说很重要,本篇将讲解json的使用情况。

把 JSON 文本转换为 JavaScript 对象

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

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

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

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

var txt = '{ "employees" : [' +'{ "firstName":"Bill" , "lastName":"Gates" },' +'{ "firstName":"George" , "lastName":"Bush" },' +'{ "firstName":"Thomas" , "lastName":"Carter" } ]}';

登录后复制

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

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

var obj = eval (“(” + txt + “)”);

在网页中使用 JavaScript 对象:

例子

First Name: 
Last Name: 

document.getElementById("fname").innerHTML = obj.employees[1].firstNamedocument.getElementById("lname").innerHTML = obj.employees[1].lastName

登录后复制

本篇对json的使用情况,做出了相关的讲解,更多的学习资料清关注【创想鸟】即可观看。

相关推荐:

了解json的相关语法

对JSON 初步了解

关于PHP 过滤器(Filter)的相关了解

以上就是如何使用JSON 的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2763974.html

(0)
上一篇 2025年3月8日 10:22:18
下一篇 2025年3月8日 10:22:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 了解json的相关语法

    json的相关语法对js来说很重要,本篇将对其进行讲解。 JSON 语法规则 JSON 语法是 JavaScript 对象表示法语法的子集。 数据在名称/值对中 数据由逗号分隔 花括号保存对象 方括号保存数组 JSON 名称/值对 JSON…

    编程技术 2025年3月8日
    000
  • vue.js element-ui tree树形控件如何修改iview

    这次给大家带来vue.js element-ui tree树形控件如何修改iview,vue.js element-ui tree树形控件修改iview的注意事项有哪些,下面就是实战案例,一起来看一下。z 实现原理 修改了element-u…

    2025年3月8日
    200
  • JS易错点总结与解决

    这次给大家带来JS易错点总结与解决,解决JS易错点的注意事项有哪些,下面就是实战案例,一起来看一下。 1.前言 这段时间,金三银四,很多人面试,很多人分享面试题。在前段时间,我也临时担任面试官,为了大概了解面试者的水平,我也写了一份题目,面…

    2025年3月8日 编程技术
    200
  • JS里new()使用技巧

    这次给大家带来JS里new()使用技巧,JS里new()使用的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 和其他高级语言一样 javascript 中也有 new 运算符,我们知道 new 运算符是用来实例化一个类,从而在内存中…

    2025年3月8日
    200
  • $http方法传递json参数步骤详解

    这次给大家带来$http方法传递json参数步骤详解,$http方法传递json参数的注意事项有哪些,下面就是实战案例,一起来看一下。 具体如下: 一、$http POST方法默认提交数据的类型为application/json var d…

    2025年3月8日
    200
  • JS获取url参数并发送Json格式POST请求案例详解

    这次给大家带来JS获取url参数并发送Json格式POST请求案例详解,JS获取url参数并发送Json格式POST请求的注意事项有哪些,下面就是实战案例,一起来看一下。 登录后复制 一、获取url所有参数值 function US() {…

    编程技术 2025年3月8日
    200
  • js传递json参数到controller步骤详解

    这次给大家带来js传递json参数到controller步骤详解,js传递json参数到controller的注意事项有哪些,下面就是实战案例,一起来看一下。 Spring MVC在接收集合请求参数时,需要在Controller方法的集合参…

    编程技术 2025年3月8日
    200
  • Vue.js实现可配置登录表单步骤详解

    这次给大家带来Vue.js实现可配置登录表单步骤详解,Vue.js实现可配置登录表单的注意事项有哪些,下面就是实战案例,一起来看一下。 业务场景 在之前,项目只支持手机号+密码登录,前端是直接把表单写死的,后来有客户希望能支持验证码登录,有…

    2025年3月8日
    200
  • 怎样用JS验证E-mail格式

    这次给大家带来怎样用JS验证E-mail格式,用JS验证E-mail格式的注意事项有哪些,下面就是实战案例,一起来看一下。 最近做了一个前端的项目,要求:输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @…

    2025年3月8日
    200
  • JS如何优化分时函数

    这次给大家带来JS如何优化分时函数,JS优化分时函数的注意事项有哪些,下面就是实战案例,一起来看一下。 函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽略掉很多函数请求。 在一些开发场景…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论