[英]Update multiple HTML table rows using AJAX
我有一张表,显示从PHP脚本提取的信息,如下所示:
<tr class="online" id="0011e31xxxxx">
<td><input type="checkbox" name="mac" value="0011e31xxxxx"></td>
<td>1234567</td>
<td>Modelnumber</td>
<td>0011.e31x.xxxx</td>
<td>10.x.x.x</td>
<td>UBR4</td>
<td>online</td>
<td><a href="javascript:void(0);" onclick="getInfo('0011e31xxxxx','10.x.x.x','UBR4','resetubr');"><img src="/own/v2.2/images/reset.gif"></a></td>
<td><a href="javascript:void(0);" onclick="getInfo('0011e31xxxxx','10.x.x.x','UBR4','resetsnmp');"><img src="/own/v2.2/images/reset.gif"></a></td>
<td><a href="javascript:void(0);" onclick="getInfo('0011e31xxxxx','10.x.x.x','UBR4','refresh');"><img src="/own/v2.2/images/icone_refresh.png"></a></td>
</tr>
3个getInfo调用链接如下,它们可以正常工作:
<script>
function getInfo(id,adresseip,ubr,action) {
var rowid = "tr#" + id;
$.ajax({
type: "GET",
cache: false,
url: 'index.php',
data: "macaddress=" + id + "&ubr=" + ubr + "&adresseip=" + adresseip + "&action=" + action,
beforeSend: function() {
$(rowid).addClass("loading");
},
success: function(data) {
$(rowid).replaceWith(data);
}
});
}
</script>
我想做的是使用每个<tr>
开头的复选框,以生成某种循环来运行每一行上看到的三个链接之一。
假设我选中了3个框(值123、234和345),我需要<tr id=123><tr id=234> and <tr id=345>
仅在其余数据保留时更新它们各自的行完整。
是否可以进行这样的循环以调用AJAX函数,使其运行与选定复选框一样多的次数? 或者,AJAX函数可以遍历每个选中的复选框,以便一个接一个地更新它们吗?
谢谢
请在Google上搜索,然后尝试...如果您没有得到任何答案,请提出问题...
$('#TableID > tr').each(function() {
var postData = {
'FirstName':$(this).find('#FirstName').val(),
'SurName':$(this).find('#Surname').val()
};
$.ajax({
type: "POST",
cache: false,
url: "WuFoo.aspx",
data: postData ,
success: success
});
});
您可以通过执行以下操作来使用JQuery选中所有选中的复选框
$("input[type=checkbox]:checked")
然后,您可以使用.each
遍历它们并更新每个适当的行。
该代码应该可以success:
ajax调用的功能。
或者,您可以使用相同的JQuery代码来获取复选框,然后在.each
选择<tr>
并使用该数据进行Ajax调用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.