关于ajaxSubmit的用法问题?
$('#qq').on('click',function(){//alert("test");$('form').ajaxSubmit({type:'post',//提交...
$('#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; // 阻止表单自动提交事件
});
既然要用到插件,那就一定有它的特别之处,究竟是什么呢? 展开
//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; // 阻止表单自动提交事件
});
既然要用到插件,那就一定有它的特别之处,究竟是什么呢? 展开
2个回答
展开全部
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这个插件
体现如下:
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这个插件
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2015-07-03
展开全部
感觉没什么不同的。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询