jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:
模板html文件:
<form action='' method='post'>
FirstName: <input type='text' name='FirstName' value='Ben'> <br/>
LastName: <input type='text' name='LastName' value='Zhang'> <br/>
{% csrf_token %} <!-- django中form表单提交一定要记得加上 -->
</form>
$(document).ready(function(){
console.log($('form').serialize()); // FirstName=Ben & LastName=Zhang & csrfmiddlewaretoken = xxx
});
这样,我们就可以把序列化的值传给ajax()作为url的参数,轻松使用ajax()提交form表单了,而不需要一个一个获取表单中的值然后传给ajax(),举例如下:
$.ajax({
type: 'post',
url: 'your url',
data: $("form").serialize(),
success: function(data) {
// your code
}
});
使用post()、get()和getJSON()提交表单时也是一样的:
$.post('your url', $("form").serialize(), function(data) {
// your code
}
});
$.get('your url', $("form").serialize(), function(data) {
// your code
}
});
$.getJSON('your url', $("form").serialize(), function(data) {
// your code
}
});
Ajax jQuery重置表单操作(reset)
★★★代码如下:(一种间接的方法进行重置)
$('#oneForm')[0].reset()
通过调用 DOM 中的reset方法来重置表单。
jQuery清空元素内容
$(".index").empty();
jQuery删除元素节点
$(".index").remove();