关于ajaxSubmit的用法问题?

$('#qq').on('click', function() {
//alert("test");
$('form').ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'index.html', // 需要提交的 url
data: {
'title': title,
'content':
content
},
success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');
$(this).resetForm();
}
//// 提交后重置表单
});
return false; // 阻止表单自动提交事件

});
----------------------------------------------------------------------------------------
这是我写的一个ajaxSubmit,我就在想这用法不就和$.ajax差不多
$('#qq').on('click', function() {
//alert("test");
$.ajax({
type: 'POST', // 提交方式 get/post
url: 'index.html', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');
}
});
return false; // 阻止表单自动提交事件
});
既然要用到插件,那就一定有它的特别之处,究竟是什么呢?

第1个回答  推荐于2017-11-27
jquery.form.js的ajaxsubmit功能更强大些。
体现如下:
1、html简单一个form信息后,js简单调用
<form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
2、jquery.form.js的ajaxsubmit是将表单数据序列化再提交的,jquery的ajax则需要自己处理表单数据并附在data参数里
3、jquery的ajax方法支持异步提交数据,但不支持文件上传,而jquery.form.js的ajaxsubmit是支持异步文件上传并获取响应结果,所以一般用到上传的项目我会选择jquery.form这个插件本回答被提问者和网友采纳
第2个回答  2015-07-03
感觉没什么不同的。。