非同步請求與同步請求之間的轉換
阿新 • • 發佈:2018-12-04
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.好處:
避免開發中除錯經常重複錄入表單,,,,,,