1. 程式人生 > >非同步請求與同步請求之間的轉換

非同步請求與同步請求之間的轉換

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

避免開發中除錯經常重複錄入表單,,,,,,