0

我正在尝试通过查询和 ajax 更新表中的一行。

我成功了，但我有一个问题。

我拥有的页面是一个有一个输入的表单；输入是id数据库中的行。提交表单后，我更新了该行，但如果我id在输入中插入另一个，那么它在再次刷新页面之前不起作用。含义：我必须再次刷新页面才能更新表中的另一行。我正在使用代码点火器。

这是我的代码：

<form method="POST" action="" >
    <fieldset data-role="controlgroup">
        <input type="text" name="id" id="id" value=""
        <input type="submit" name="submit-choice-a1" id="submit-choice-b1" value="submit"  />
    </fieldset>
</form>

JS是：

<script type="text/javascript">
$(function() {

    $("#submit-choice-b1").click(function(e) {

        var id = $('#id').val();
        var result = confirm("are you sure ?");
        if (result==true) {

            $.ajax({
                url: "the url that have the page with the update function",
                success: function(xhr){
                    alert('updated');
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(xhr.status);
                    alert(xhr.responseText);
                }
            });
        }
    });
});
</script>
4

1 回答 1

1

我看到了两种方式：

1）不要使用<form>标签，只需获取信息并在数据参数中使用jQuery ajax发送。

$.ajax({
url: "the url",
type: "post",
data: {
    id: 68,//Your field id/class, got it with $(selector).attr("id") or $(selector).attr("class");
    anotherKey: anotherValue
    etc...
}
});

2) 使用 onsubmit 属性修改表单

<form method="post" onsubmit="return sent();">

send() 函数的结尾，你需要添加“return false”来告诉表单（不要重新加载页面）

function sent() {
    ..your ajax implementation here..
    return false;
}
于 2013-08-26T15:31:29.923 回答