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

最新推荐文章于 2025-02-26 00:07:12 发布

原创最新推荐文章于 2025-02-26 00:07:12 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #html #异步 #表单

java 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了两种表单提交方式：同步请求与异步提交。同步请求通过表单直接提交到服务器，而异步提交则利用JavaScript进行AJAX调用，实现无需刷新页面即可提交表单的目的。文章还提供了一个将表单数据序列化为JSON对象的方法。

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

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