您的位置：首页 > Web前端 > JQuery

jquery 同时处理一维和多维数组

2018-01-16 17:16 225 查看 
1.
[root@yyjk templates]# cat maintainredis.html
<html>
<head>
<title>运维平台</title>
<link rel="stylesheet" type="text/css" href="/static/Css/Monitor/maintainredis.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/header.css">
<link rel="stylesheet" type="text/css" href="/static/Css/Public/menu.css">
</head>
<body>
<include file="Public:header"/>
<div class="content">
<include file="Public:menu"/>
<div class="con fl">
<div id="condition">
<label class="condition">IP</label><input type="text" name="condition" class="equipment_sz">
<input type="submit" value="设备查询" class="equipment_search_btn es_1">
<!--<input type="submit" value="组查找" class="equipment_search_btn es_2">-->
</div>
<table class="gridtable">
<tr>
<th>APP </th><th>IP</th><th>PORT</th><th>PASS</th><th>THRESHOLD</th><th>FLAG</th><th class="gridth">Action</th>
</tr>
</table>
</div>
</div>
</body>
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/static/Js/Monitor/maintainredis.js"></script>
<script type="text/javascript" src="/static/Js/Public/ajax.js"></script>
</html>

2.
[root@yyjk Monitor]# cat maintainredis.js
?$(function(){
var _content = $('.content');
var _ip_bt = $(".content .con #condition .es_1");
var _env_bt = $(".content .con #condition .es_2");

_ip_bt.on('click',function(){
var _condition = $(".equipment_sz").val();
var data={};
data.condition=_condition;
var successfn = function(jdata){
$(".gridtable").empty();
var _HTML="<tr><th>APP </th><th>IP</th><th>PORT</th><th>PASS</th><th>THRESHOLD</th><th>FLAG</th><th class='gridth'>Action</th></tr>"
$.each(jdata,function(i,val){
_HTML=_HTML+"<tr><td>"+jdata[i][0]+"</td><td>"+jdata[i][1]+"</td><td>"+jdata[i][2]+"</td><td>"+jdata[i][3]+"</td><td>"+jdata[i][4]+"</td><td>"+jdata[i][5]+"</td><td class='gridtd'><span class='btn fl modify' data-eid="+jdata[i][1]+">修改</span><span class='btn fl del' data-eid="+jdata[i][1]+">删除</span></td></tr>";
});
$(".gridtable").html(_HTML);
};
var errorfn = function(){
alert("数据获取出错");
};
$.ax(
"/api/search_redis_ip/",
data,
successfn,
errorfn
);
});

_env_bt.on('click',function(){
var _condition = $(".equipment_sz").val();
var data={};
data.condition="env-"+_condition;
var successfn = function(jdata){
$(".gridtable").empty();
var _HTML="<tr><th>IP </th><th>Info</th><th>ENV</th><th class='gridth'>Action</th></tr>";
$.each(jdata,function(i,val){
_HTML=_HTML+"<tr><td>"+jdata[i].ip+"</td><td>"+jdata[i].info+"</td><td>"+jdata[i].env+"</td><td class='gridtd'><span class='btn fl modify' data-eid="+jdata[i].sn+">修改</span><span class='btn fl del' data-eid="+jdata[i].sn+">删除</span></td></tr>";
});
$(".gridtable").html(_HTML);
};
var errorfn = function(){
alert("数据获取出错");
};
$.ax(
"/api/search_group/",
data,
successfn,
errorfn
);
});

_content.on('click', '.gridtable .gridtd span.del', function() {
var _sn = $(this).attr('data-eid');
window.location="/delEquipment/"+_sn;
});

_content.on('click', '.gridtable .gridtd span.modify', function() {
var _sn = $(this).attr('data-eid');
window.location="/modifyBtn/ip/"+_sn;
});

});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航