如何只重新加载一行

时间:2013-09-25 13:27:02

标签: javascript jquery html ajax

我有3列,列值继续从数据库动态更改。 所有行在最后一列都有刷新按钮。

单击刷新按钮时应该发生的事情是只刷新该特定行。

但那不是正在发生的事情。当我点击第一行刷新按钮时,它会刷新并显示一个警告值,但是当我单击除第一行之外的表的其他刷新按钮时,它们不会刷新。他们甚至没有在警报中显示值。

以下是我使用的代码:

AJAX,JQuery的

<script type="text/javascript">
    var id;

    function refreshRecord(value) {
        id = value;
        alert("id is " + id);
    }

    $(document).ready(function() {
        $(this).("#refresh").click(function() {
            var fileId = id;
            alert("ajax id is " + id);
            $.ajax({
                type: "post",
                url: "checkStatusAndNumRecs",
                data: {
                    fileId: fileId
                },
                success: function(data) {
                    $("#div1").html(data);
                },
                error: function(data) {
                    $("#div1").html("It was a failure !!!");
                }
            });
        });
    });
</script>

html代码

<table border="1">
    <tr>
        <td>2</td>
        <td>1</td>
        <td>3</td>
        <td>
            <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh">
        </td>
    </tr>
    <tr>
        <td>7</td>
        <td>9</td>
        <td>7</td>
        <td>
            <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh">
        </td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
        <td>6</td>
        <td>
            <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh">
        </td>
    </tr>
    <tr>
        <td>9</td>
        <td>6</td>
        <td>5</td>
        <td>
            <input type="radio" name="submit" value="submit" onclick="refreshRecord(this.value)" id="refresh">
        </td>
    </tr>
</table>

1 个答案:

答案 0 :(得分:2)

您有多个具有相同ID的单选按钮。那是无效的HTML。使用类似

<input type="radio" name="submit" ... class="refresh">

并将您的javascript更改为

$("input.refresh").click(function() {

此外,您不应对同一事件使用两个不同的onclick事件(我甚至不确定它们的顺序是否正确,可能是随机的。)
您可以从html和onclick="refreshRecord(this.value)"功能中删除refreshRecord,然后将id替换为this.value中的$("input.refresh").click(function() { ... })