javascript - 将变量传递给Java 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
        });

});