取出json中[{},{}] 的数据 ,使用 for-in 来循环对象的属性

ゞ浴缸里的玫瑰 2022-06-05 20:17 160阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
</head><script type="text/javascript" src="jquery-2.1.1.js"></script>  
  
  
<body>  
<div id="ss" style="border:1px solid \#0F0;width:200px;height:200px">  
名称:<span id="jname"></span><br/>  
地址：<span id="jurl"></span><br/>  
网站:<span id="jhttp"></span><br/>  
</div>  
<div id="sss" style="border:1px solid \#0F0;width:800px;height:800px">  
<ul id="ulwww">  
<li>111</li>  
</ul>

</div>

<p id="demo"></p>  
  
  
<script>  
var myObj = \{ "name":"runoob", "alexa":10000, "site":null \};  
for (x in myObj) \{  
    document.getElementById("demo").innerHTML += x + "<br>";  
\}  
</script>

<script>  
var JSONObject= \[\{  
"name":"tom",  
"url":"www.runoob.com",   
"slogan":"学的不仅是技术，更是梦想！"  
\},\{  
"name":"ary",  
"url":"www.runoob.com",   
"slogan":"学的不仅是技术，更是梦想！"  
\}\];  
//1  
/\*document.getElementById("jname").innerHTML=JSONObject.name;  
document.getElementById("jurl").innerHTML=JSONObject.slogan;  
document.getElementById("jhttp").innerHTML=JSONObject.url;\*/  
  console.log(JSONObject);  
  console.log(JSONObject.length);  
//2  
var names;  
var str=\[\];  
for(var i=0;i<JSONObject.length;i++)  
\{  
  
names=JSONObject\[i\].name;  
var slogans= JSONObject\[i\].slogan;  
var urls= JSONObject\[i\].url;  
console.log(names);  
//取出list，map的数据的方法  
/\*$("\#jurl").html(JSONObject\[i\].slogan);  
$("\#jhttp").html(JSONObject\[i\].url);\*/  
str+='<li>名称:<span id="jname">'+names+'</span><br/>地址：<span id="jurl">'+slogans+'</span><br/>网站:<span id="jhttp">'+urls+'</span><br/></li>';//关键  
  
  
  
\}  
console.log("sss===>"+str);  
$("\#ulwww").html(str);  
  
  
  
  
</script>  
  
  
  
  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中json对象按对象的属性排序

知识参考网上学友，实践后，作此记录，积累， ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex...

缺乏、安全感/ 2024年04月17日 15:41/ 0 赞/ 75 阅读

相关 java将String类型的json转为json对象并进行取出相应的值

java将String类型的json转为json对象并进行取出相应的值 1.东西太大，简化 2.存进java的demo中 3.maven依赖 4.

不念不忘少年蓝@/ 2023年09月28日 15:43/ 0 赞/ 130 阅读

相关 json数据转对象，对象属性名与json的key不同的解决方案

fastJSON用@JSONField jackjson用@jsonproperty [https://blog.csdn.net/u0122602

系统管理员/ 2023年02月23日 12:06/ 0 赞/ 15 阅读

相关在js中如何取出json中的对象的值

这是一种json转成js对象的方式只要把json转为可以解析的js对象，对于数据处理就十分的方便了。 console.log(output); //为一个js

青旅半醒/ 2022年07月15日 07:28/ 0 赞/ 214 阅读

相关对JSON数据的{}取出,填数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

淩亂°似流年/ 2022年06月06日 11:44/ 0 赞/ 157 阅读

相关取出json中[{},{}] 的数据 ,使用 for-in 来循环对象的属性

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

ゞ浴缸里的玫瑰/ 2022年06月05日 20:17/ 0 赞/ 161 阅读

相关使用HttpServletRequestWrapper来修改post请求中的json数据

文章目录过滤的效果：具体的实现代码：公司里最近在做一个新的项目，项目中所有的请求都是这样的一个格式。

刺骨的言语ヽ痛彻心扉/ 2022年04月12日 05:14/ 0 赞/ 445 阅读

相关 json数组转list,list中的对象属性中，还有其它对象

将json数组转成list，list中的对象，还包含有其它对象（一）如下实体类：所有实体省略 get() 、set()方法 1、学校类 public class

墨蓝/ 2022年03月28日 02:22/ 0 赞/ 495 阅读

相关取出第三方接口中返回的json数据中data中的特定值

取出第三方接口中返回的json数据中data中的特定值 pox.xml中的jar包

刺骨的言语ヽ痛彻心扉/ 2022年02月03日 16:27/ 0 赞/ 271 阅读

相关使用java将String类型的json转为json对象并进行取出响应的值

使用java将String类型的json转为json对象并进行取出相应的值 -------------------- 使用的jar包，如果使用的事maven可直接接

我会带着你远行/ 2021年09月21日 13:34/ 0 赞/ 273 阅读