我正在尝试将表单提交转换为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);
},
});
});
但是产品没有被过滤。
<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句