ajaxSubmit
来源:互联网 发布:网络批发平台 编辑:程序博客网 时间:2024/06/15 15:56
$('form').on('submit', function() {
var title = $('inpur[name=title]').val(),
content = $('textarea').val();
$(this).ajaxSubmit({
type: 'post', // 提交方式 get/post
url: 'your url', // 需要提交的 url
data: {
'title': title,
'content': content
},
success: function(data) { // data 保存提交后返回的数据,一般为 json 数据
// 此处可对 data 作相关处理
alert('提交成功!');
}
$(this).resetForm(); // 提交后重置表单
});
return false; // 阻止表单自动提交事件
});
});
// 局部提交表单
function formSubmit(formId, divId, url) {
$('#' + formId).submit(function() { $
(this).ajaxSubmit( {
target : '#' + divId,
url : url,
error : function() {
alert('加载页面' + url + '时出错!')
}
});
return false;
});
}
$(document).ready(function() {
var options = {
target : '#mydiv', // 需要刷新的区域
// beforeSubmit: showRequest, // 提交前调用的方法
// success: showResponse // 返回后笤俑的方法
// other available options:
// url: url // 提交的URL, 默认使用FORM ACTION
// type: type // 'get' or 'post', override for form's 'method' attribute
// dataType: null // 'xml', 'script', or 'json' (expected server
// response type)
// clearForm: true // 是否清空form
// resetForm: true // 是否重置form
// $.ajax options can be used here too, for example:
// timeout: 3000
};
// 绑定FORM提交事件
$('#myForm').submit(function() {
$(this).ajaxSubmit(options);
// !!! Important !!!
// always return false to prevent standard browser submit and page
// navigation
return false;
});
});
<script type="text/javascript" src="jquery/jquery.js"></script></head>
<script type="text/javascript" src="jquery/jquery.form.js"></script>
<script type="text/javascript">
$(function() {
$("#loginform").submit(function(){
$(this).ajaxSubmit({
type:"post", //提交方式
dataType:"json", //数据类型
url:"${basePath}/login.action", //请求url
success:function(data){ //提交成功的回调函数
alert(data.result);
}
}); return false; //不刷新页面
});
});
</script>
- ajaxSubmit
- ajaxSubmit
- ajaxSubmit
- ajaxSubmit提交
- jquery.ajaxSubmit
- ajaxForm,ajaxSubmit
- ajaxSubmit用法
- Jquery ajaxsubmit 上传图片
- Jquery ajaxsubmit 上传图片
- jquery ajaxSubmit 异步提交
- ajaxForm和ajaxSubmit
- jQuery.fn.ajaxSubmit
- ajaxSubmit提交方式
- IE8,IE9不支持ajaxSubmit
- ajaxSubmit实现头像上传
- 小笔记-ajaxSubmit
- 关于ajaxSubmit使用问题
- ajaxForm 、ajaxSubmit 区别
- js-url打开方式
- 应用交付能给客户带来什么价值?
- myeclipse部署web项目到server : deploy location 为 INVALID,并且不能更改
- (三)centos LNMP一键安装
- eclipse黑色主题
- ajaxSubmit
- java验证码刷新
- $(document).ready(function(){})
- Resource is out of sync with the file system
- Spring 组件扫描
- LevelSet小结
- 苹果审核被拒,返回. txt 的崩溃日志转换格式化
- 查看APK的签名的方法
- classic bluetooth chat 四