1.同步请求表单提交
<form id="orderForm" action="order_add.action" class="form-horizontal" method="post">
<a href="javascript:$('#orderForm').submit();" class="btn btn-danger">提交</a>
2.异步提交表单请求
<a href="javascript:mysubmit();" class="btn btn-danger">提交</a>
<a href="javascript:mysubmit();" class="btn btn-danger">提交</a>
<script>
function mysubmit() {
var param = $("#orderForm").serializeJson();
$.post("order_add.action", param, function() {
alert("success");
});
//将form请求数据转换为json
$.fn.serializeJson = function() {
var serializeObj = {};
var array = this.serializeArray();
var str = this.serialize();
$(array).each(function() {
if (serializeObj[this.name]) {
if ($.isArray(serializeObj[this.name])) {
serializeObj[this.name].push(this.value);
} else {
serializeObj[this.name] = [serializeObj[this.name], this.value];
}
} else {
serializeObj[this.name] = this.value;
}
});
return serializeObj;
}
</script>
};
3.好处:
避免开发中调试经常重复录入表单,,,,,,