Form提交，js提交，ajax提交，A标签提交servlet ,来给初学者做个总结

本文详细介绍了四种常见的网页表单提交方法：简单表单提交、使用JS合成链接提交、通过AJAX提交以及利用A标签直接链接提交。每种方法都提供了具体的代码示例，帮助读者理解不同场景下如何选择合适的提交方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一，简单的表单提交页面;
	action属性是指该表单要提交到哪里进行处理。多数情况是要提交到servlet中进行业务逻辑处理。
	name属性就是提交到后台的参数名称
	1	<form name=”form” method=”post” action=”MsgPublish">
	2	<input type=”text” name=”title” value=”来自页面信息">
	3	<input type=”submit” name=”submit” value=”提交">
	4	</form>
	最后成的链接访问的格式如下:后面那个?tittle=来自页面信息
	实际上不是这样的，但是可以理解成是这样提交参数的意思:
	http://localhost:8080/har/MsgPublish?tittle=来自页面信息

二，JS合成链接使用链接提交
	拼接链接，问号前面是表示要提交到servlet的请求路劲，问号后面是带提交参数。
	1	$("#onClickSal").click(function() {
	2	var employeeID =$('#employeeID').val();
	3	var url = "getSalary?employeeID=" + employeeID;
	4	window.location.href = url;
	5	});
	最后成的链接访问的格式如下:
	http://localhost:8080/har/getSalary?employeeID=3052
三，ajax提交页面
	1	$.ajax({
	2	url : "ajaxSalServlet", // 要提交的URL路径
	3	type : "GET", // 发送请求的方式
	4	data : "employeeID=" + employeeID, // 要发送到服务器的数据
	5	dataType : "text", // 指定返回的数据格式
	6	success : callBack, // 响应成功后要执行的代码
	7	error : errorBack,
	8	});
	9	// 响应成功时的回调函数
	10	function callBack(dataFromServlet) {
	11	$("#SalAjax").html(dataFromServlet);
	12	}
	13	// 请求失败后要执行的代码
	14	function errorBack(dataFromServlet) {
	15	alert("請求失敗！");
	16	}
	最后成的链接访问的格式如下:
	http://localhost:8080/har/ajaxSalServlet?employeeID=3205；
四，最简单的A标签直接链接提交
	嵌入html可以直接提交到任何画面
	1	<a href="http://localhost:8080/har/ajaxSalServlet?employeeID=3205">主页</a>
	最后成的链接访问的格式如下:
	http://localhost:8080/har/ajaxSalServlet?employeeID=3205；