Question

我有一个包含两列的表：一个是名称，另一个是复选框。

我有一个对应的SQL数据库，其中包含id列，name列和一列复选框。

我已经让网页自动提交检查/取消选中并根据每个框是否被选中来修改SQL数据库，但我无法弄清楚如何在没有重新加载WHOLE页面的情况下执行此操作。

我对AJAX不太熟悉，但认为这可能是我需要的。任何人都可以指引我走向好资源吗？

谢谢！

Answer 1

是的，这应该使用$.ajax()完成。当然，请使用jQuery library。

$('form').submit(function(e){
    e.preventDefault(); // the page will no longer refresh.
    var that = $(this); //cache a reference to the form before our $.ajax
    $.ajax({
        type: that.prop('method'), //use the method of the form for the ajax call (post/get)
        url: that.prop('action'),  //use the action of the form as the url for the ajax call
        data: that.serialize(), //send the form elements and their respective values
        success: function(data){
            //if your script returns any data it will be held within the "data" variable
            console.log(data); //log data to the console
        }
    });
});

单击复选框时更新SQL而不重新加载整个页面

1 个答案: