Question

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

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

我拥有的页面是一个有一个输入的表单;输入是DB中行的id。在我提交表单后，我更新了行，但是如果我在输入中插入另一个id，则在再次刷新页面之前它不起作用。含义：我必须再次刷新页面以更新表中的另一行。我正在使用codeigniter。

这是我的代码：

<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>

Answer 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();">

发送（）函数的结束，你需要添加“return false”告诉表单（不要重新加载页面）

function sent() {
    ..your ajax implementation here..
    return false;
}

通过ajax更新db而不刷新页面codeigniter

1 个答案: