<html>
<body>
<h2>在 JavaScript 中创建 JSON 对象</h2><p>
Name: <span id="jname"></span><br />
Age: <span id="jage"></span><br />
Address: <span id="jstreet"></span><br />
Phone: <span id="jphone"></span><br />
</p><script type="text/javascript">
var JSONObject= {
"name":"Bill Gates",
"street":"Fifth Avenue New York 666",
"age":56,
"phone":"555 1234567"};
document.getElementById("jname").innerHTML=JSONObject.name
document.getElementById("jage").innerHTML=JSONObject.age
document.getElementById("jstreet").innerHTML=JSONObject.street
document.getElementById("jphone").innerHTML=JSONObject.phone
</script></body>
</html>

转载于:https://www.cnblogs.com/zhangqs008/archive/2012/10/06/2802200.html

在 JavaScript 中创建 JSON 对象相关推荐

  1. javascript学习-创建json对象数据,遍历

    之前我已经有讲过后台返回json数据到前台,并在前台遍历json数据. 这里讲下直接在JS里创建JSON数据,然后遍历使用~ 创建代码例如以下:(创建的是JSON对象) var YearSelect ...

  2. 服务器json文件怎么创建对象,JavaScript中对JSON对象的基本操作示例

    JSON对象 1.对象的属性:对象的属性是有键值对组成的,其中key为一个字符串,value可以为任何的Javascript对象. //使用[]设置和获取对象的属性 var obj = new Obj ...

  3. 把javascript中的json对象传到action的list里的方法

    为什么80%的码农都做不了架构师?>>>    Javascript: data:{"updValRecords":'[{"taskId":1 ...

  4. JavaScript中的XMLHttpRequest对象

    1.什么是 XMLHttpRequest 对象? XMLHttpRequest 对象用于在后台与服务器交换数据. XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 PO ...

  5. Json学习总结(1)——Java和JavaScript中使用Json方法大全

    2019独角兽企业重金招聘Python工程师标准>>> 摘要:JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript ...

  6. jsonp请求html页面,JavaScript中的JSON和JSONP

    简单地使用json并不能支持跨域资源请求,为了解决这个问题,需要采用jsonp数据交互协议.众所周知,js文件的调用不受跨域与否的限制,因此如果想通过纯web端跨域访问数据,只能在远程服务器上设法将j ...

  7. javascript 中使用JSON

    因为JSON 是 javascript 的一个子集,所以,在javascript 中使用JSON是非常简单的. js 代码 var myJSONObject = {"bindings&quo ...

  8. JavaScript中的JSON

    JSON是什么? JSON格式(JavaScript Object Notation 的缩写)是一种用于数据交换的文本格式.就是符合某种规范的文本格式,经常用于与服务器做数据交换,比传统的XML更简洁 ...

  9. 在JavaScript中解析JSON? [重复]

    本文翻译自:Parse JSON in JavaScript? [duplicate] This question already has answers here : 这个问题已经在这里有了答案 : ...

最新文章

  1. Hibernate调用存储过程
  2. 十字链表计算矩阵乘积 c语言,求用十字链表实现矩阵相加算法(C语言)急!!!...
  3. 胶囊路由_评论:胶囊之间的动态路由
  4. Android之用HttpURLConnection参数以XML形式封装的部分关键代码
  5. Python 数据科学手册 5.1 什么是机器学习
  6. 计算机桌面图标有箭头,电脑桌面图标为什么会有一个小箭头,原来没的呀,
  7. 拼多多“官宣”iPhone 12:来得刚刚好 下周见!
  8. 作为审稿人,你什么情况下会选择拒稿?
  9. 4.python-opencv图像马赛克
  10. 小功率机械无级变速器结构设计
  11. 老厉害了!2600亿,紫光集团南京再投半导体生产线
  12. 全面风险管理体系架构图
  13. web渗透--ftp暴力破解,明文、嗅探安全等
  14. Python基础01
  15. 第一行代码——Android pdf
  16. 面对肺炎疫情小贴士-IT奶爸带娃记
  17. 关于电子产品克隆,PCB抄板与芯片解密缺一不可!
  18. python自动群发_python---自动群发邮件
  19. Ubuntu 下安装使用飞鸽传书
  20. 激光打印机的工作原理2

热门文章

  1. 真实集群下-flink shell的remote模式实验记录
  2. @property和@setter和@getter
  3. hive中的数据库与mysql中的hive数据库的关系
  4. 神经网络 tensorflow :损失函数
  5. 深度学习(二十)——Ultra Deep Network, 图像超分辨率算法
  6. 红黑联盟c语言教程,1.1.2 C语言的特点
  7. 家庭接入: dsl 电缆ftth 拨号和卫星_家庭宽带的路由器升级之路
  8. 困难时拉你一把的图片_2019早上好表情图片合集 早晨祝福语动画
  9. [译]模型-视图-提供器 模式
  10. Kubernetes应用部署模型解析(原理篇)