JSON.parse(data); 使用 及 json数组的输出
南宫天逸
数据遍历 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>
类似资料：