Question

我试图将表单提交转换为jQuery的Ajax。该页面包含产品过滤器（按价格，类型）和产品名称 - 每行都有一个带有复选框的表单，其中onchanged属性提交表单：

 <input type="checkbox" value="" name="pfilter" onchange="this.form.submit();"/>

任何人都可以让我知道，如何通过ajax实现这一目标。

我试过下面的代码

 $("form").live('submit', function (event) {
        event.preventDefault();
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            type: "POST",
            data: form.serialize(),
            success: function (data) {
                $("#myContainer").html(data);
            },
        });
    });

但产品没有被过滤掉。

Answer 1

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<form id="form" action="page.php">
    <input type="checkbox" value="" name="pfilter" onchange="$('#form').submit();"/>
</form>
<script>
    $("#form").on('submit', function (event) {
        event.preventDefault();
        var form = $(this);
        $.ajax({
            url: form.attr('action'),
            type: 'POST',
            data: form.serialize(),
            success: function (data) {
                $("#myContainer").html(data);
            },
        });
    });
</script>

使用Ajax处理程序与复选框提交的表单＆＃39; onchanged＆＃39;事件

1 个答案: