[英]Passing Variable to Javascript for Ajax
我有一个系统,当前以浏览器的html输出结果表。
通过单击每一行上的approveCredit按钮可以更新这些结果。
我想创建一个JavaScript捕获,寻找按钮单击并从行中传递给定变量并执行ajax任务。
码:
PHP回显结果表
<tbody>
<?php
$count = 1;
while ($row = mysql_fetch_array($test))
{?>
<tr>
<td class="text-center"><?php echo $count++;?></td>
<td><?php echo $row['user_id'];?></td>
<td><?php echo $row['credits'];?></td>
<td><?php echo $row['notes'];?></td>
<td><?php echo $row['po'];?></td>
<td><?php echo $row['date_received'];?></td>
<td class="text-center">
<div class="btn-group">
<a class="btn btn-xs btn-default approveCredit" type="button" value="<?php echo $row['credits'];?>" data-toggle="tooltip" data-original-title="Approve Credit Request"><i class="fa fa-check"></i></a>
</div>
</td>
</tr>
<?php } ?>
</tbody>
Javascript等待按钮请点击
$('.approveCredit').on('click', function() {
var creditid = $('.approveCredit').val();
$.ajax({
url: "ajax url to update database",
type: "POST",
data: {creditid: creditid},
success: successFunction,
error: errorFunction
});
});
尝试这个。 实际上,您必须使用Jquery attr来从ancher中获取价值
<a class="btn btn-xs btn-default approveCredit" type="button" value="<?php echo $row['credits'];?>" data-toggle="tooltip" data-original-title="Approve Credit Request"><i class="fa fa-check"></i></a>
值是ancher的属性。 所以你应该这样使用它
var creditid = $('.approveCredit').attr('value');
并防止ancher(标签)的默认操作更改代码,因为
$('.approveCredit').on('click', function(e) {
e.preventDefault();
var creditid = $('.approveCredit').attr('value');
$.ajax({
url: "ajax url to update database",
type: "POST",
data: {creditid: creditid},
success: successFunction,
error: errorFunction
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.