$(‘button’).on(‘click’, function() {
$(‘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>
