JSON.parse(data); 使用 及 json数组的输出

最新推荐文章于 2022-08-31 23:27:00 发布
最新推荐文章于 2022-08-31 23:27:00 发布
阅读量8.3k 收藏 1
点赞数
分类专栏： JavaScript json数组处理  JSON.parse(data)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JXL9910/article/details/81946766
版权

数据遍历 JSON.parse(data);

后台返回的数据格式:

[{"ygbz":"\u5123f20\u12371d5","user_name":"121233321"},{"ygbz":"\u731238b\u912371e123","user_name":"jhd6123244"}]


<body>
    <header id="header">
      	<div class="header_l header_return"> <a class="ico_10" href="" > 返回 </a> </div>
      	<h1> 授权对象  </h1>
    </header>
	
		<div class="search_box">
			<div class="box_bac" style="">
				<!-- 用于点击检索 -->
				<div id="btn" title="查询" style="width:31px;height: 30px;background-color:none;float: left;"></div>

				<input type="text" name="" id="tell" style="background:none; margin-left:-5px;" placeholder="输入员工名字搜索">
			</div>
		</div>
	<!-- 检索框结束 -->

	<!-- 主题部分开始 -->
	<div id="desc_box">
		{foreach from=$data item=fo}
			<div></div>
			<a href="phone_system.php?act=adminAuth&id={$fo.user_id}&num={$num}" >
			<div class="desc" id="desc" >
				<ul class="desc_ul" id="desc_ul" >
					<div style="display: inline-block; width: 80%; overflow: hidden;">
						<li style="" id="name">{$fo.ygbz}</li>
						<li style="color:#999;" id="comments">账号:{$fo.user_name}</li>
					</div>
					<div style="width:6%;line-height: 60px;float: right;margin-top:-3px;color:#999;">
						>
					</div>
				</ul>
			</div>
			</a>
		{/foreach}
	</div>
	<!-- 主题部分结束 -->


</body>

<script style="text/javascript">  
     $(function () {
     	/********************检索框开始*******************************/
 	 	$('#btn').click(function(){
			// alert('111');
			$.ajax({
			    
				type:'post',
			    url:'erp_authAllot.php',
			    async: false,
			    // tell 是检索框的内容
			    data:{act:'index',info:$('#tell').val()},
			    success:function(data){
                    
                    var data = JSON.parse(data);

			    	console.log(data);
	                $('#desc_box div:gt(0)').remove();
	                var s = '';
                    $.each(data,function(index,obj){

	                	s += '<div style="width: 100%;min-height:60px; background-color: #fff;border-bottom:1px solid #c8c8c8;">' 
		                		+ '<ul style="margin-left:5%; font-size: 16px; padding: 5px;">'
			                		+ '<li>' + obj.ygbz + '</li>' 
			                		+ '<li style="color:#999;">' + obj.user_name + '</li>' 
			                	+ '</ul>' 
			              + '</div>';
			    	})
			    	
	                $('#desc_box div').append(s);

	            }
	            
			})

 	 	});

	 	// 键盘事件
	    onkeypress=function(event){
	        if(event.keyCode == 13){
	            $('#btn').click();
	        }
	    }; 

        // 失焦事件
        $("#tell").blur(function (){
            $('#btn').click();
        });

    });
</script>
</html>
JXL666888
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中JSON.stringify序列化和JSON.parse反序列化问题和解决
m0_51431448的博客
08-09 3330
开始我以为万事大吉了，但是仔细一看，序列化确实没有问题的，全部保留了，但是解析的时候我的undefined还是没了，undefined和函数、NaN一样处理的，因为一个函数没有返回值的话，默认返回的就是undefined，现在我们让它返回一个undefined，但是没出来呢，也可能是JSON.parse确实转不了undefined，目前还没找到答案，先这样吧，至少比之前好多了。还一种情况，当我们想实现一个深拷贝的时候，也会想到JSON.parse(JSON.stringify())；.........
JSON.parse 转换字符串样式的数组
saltlike的博客
11-30 2697
有时候后端返回的数据中有数组或对象的结构，却仍然以字符串的形式返回给前端； let data = { records: [ { "id": "1", "info": '[{"name":"张三","age":60},{"name":"李四","age":80}]' }, { "id": "2", "info": '[{"name":"王五","age":90},{"name":"郑六","age":100}]' } ] } data.records.forEa
JS -- 深拷贝 JSON.stringify(data) , JSON.parse(data)
bylifan的博客
08-30 390
json.parse(json.stringify(data)) var test = { name: 'a', date: [new Date(1536627600000), new Date(1540047600000)], }; let b; b = JSON.parse(JSON.stringify(test)) console.l...
json格式数据
dhbibvfyiox347379的博客
06-04 97
1. json数据格式？ 　　1）JSON全称是 javascript Object Notation 　　2）通过键值对存储数据； 　　3）JSON不是javascript 的子集； 　　　　-JSON可以包含U+2028 和 U+2029 ,JS字符串不能； 2. JSON数据格式的特点？ 　　1）以{起始，}结束的键值对或数组； 　　2）双引号包裹键名； 　　3）J...
JS/JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()使用详解
热门推荐
有范管理美学 | 公众号/头条号：有范管理美学
12-20 4万+
现在JSON格式在web开发中非常重要，特别是在使用ajax开发项目的过程中，经常需要将后端响应的JSON格式的字符串返回到前端，前端解析成JS对象值（JSON 对象），再对页面进行渲染。 在数据传输过程中，JSON是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。
JSON.parse()与JSON.stringify()的区别
qq_41935885的博客
12-22 2548
json.stringfy()将对象、数组转换成字符串；json.parse()将字符串转成json对象。 json.stringfy(): 语法： 　　JSON.stringify(value [, replacer] [, space]) value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。 　　情况一：rep...
浅谈JSON.parse()和JSON.stringify()
12-02
当从服务器接收到JSON数据作为字符串时，我们需要使用JSON.parse() 将其转换为可操作的对象。 例如，给定一个JSON格式的字符串： ```javascript var str = '{"name":"cpf","age":"23"}'; ``` 通过调用 `JSON.parse...
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
01-19
1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象 var str = '[{href:baidu.com,text:test,orgId:123,dataType:curry,activeClass:haha}]'; JSON.parse(str); 结果： 2. JSON.stringify(obj) : 将一个...
JSON.parse(data)后追加数组
weixin_41572561的博客
07-19 777
var dat=JSON.parse(data); dat.splice(dat.length, 0, {value:"工程部"}); dat.splice(dat.length, 0, {value:"物...
let temp = JSON.parse(data);
zhaoge's blog
04-07 641
因为JSON.parse(data).value = 1;不可修改value的值。所以使用temp.value来修改其中的值。
JSON.parse() 与 JSON.stringify() 简单使用
肖朋伟
01-11 1万+
将 ajax 返回的数据，作为 json 格式的参数再次调用 真的是需要多学习，多积累，小菜记录篇 问题情况： 想在通过点击后执行一个函数，ajax 返回的 json 数据直接作为参数再次调用的时候，出现 undefined，之前没有遇到过，现在才开始了解有个 JSON.stringify()，这样写解决了： JSON.stringify() 方法 将 JavaScript 对象或值转换为 J...
JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
zillionchu的博客
02-21 638
1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象 var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; JSON.parse(str); 结果： 2. JSON.stringify(obj) :
JSON.parse（）、JSON.stringify（）和eval（）
yangyang的专栏
08-06 461
JSON对象： var str2 = { &amp;quot;name&amp;quot;: &amp;quot;asan&amp;quot;, &amp;quot;sex&amp;quot;: &amp;quot;man&amp;quot; }; JSON字符串： var str1 = '{ &amp;quot;name&amp;quot;: &amp;quot;deyuyi&amp;quot;, &
json文件的json.parse（data）方法时候碰到的问题
weixin_30363981的博客
05-13 527
摘抄自CSDN博客 个人感觉后期可能有帮助提前发布 希望老师们给与评价。 转载于:https://www.cnblogs.com/koker/p/5491133.html
JSON.parse()——07
cyl16688
11-14 1281
JSON.parse() JSON 通常用于与服务端交换数据。 在接收服务器数据时一般是字符串。 我们可以使用 JSON.parse() 方法将数据转换为 JavaScript 对象。 语法 JSON.parse(text[, reviver]) 参数说明： text:必需， 一个有效的 JSON 字符串。 reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。 JSON 解析实例 例如我们从服务器接收了以下数据 { "name":"runoob", "alexa":10000, "s
json 解析
~~~~~~常思~~~~~
07-17 1190
当使用ajax请求一个php文件，返回结果为json格式，同时需要js解析后，显示在html页面中。 假如返回格式为： [{"code":"001","name":"\u4e2d\u56fd","addr":"Address 11","col4":"col4 data"},{"code":"002","name":"Name 2","addr":"Address 12","col4":"col
JSON.parse()解析字符串数组
qq_36824244的博客
11-06 6834
有时候在开发中会遇到接口返回的数据不是一个数组而是一个字符串，这个时候如果接口返回的数据是包含在字符串中的数组对象可以使用JSON.parse()解析为数组 if(res.code == 200) { this.trade = JSON.parse(res.data) } ...
JSON.parse()、JSON.stringify()、JSON.parse(JSON.stringify())
程序员小明1024
08-31 1052
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
response.data.JSON.parse()
最新发布
04-03
为了能够方便地操作这些数据，我们可以使用response.data.JSON.parse()方法将其解析为JavaScript对象，然后就可以通过对象的属性和方法来获取和操作数据了。 需要注意的是，传递给response.data.JSON.parse()方法的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值