异步请求与同步请求之间的转换

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.好处:

避免开发中调试经常重复录入表单,,,,,,

猜你喜欢

转载自blog.csdn.net/AlexKate/article/details/78635237