一,简单的表单提交页面; | |||
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; |
Form提交,js提交,ajax提交,A标签提交servlet ,来给初学者做个总结
最新推荐文章于 2023-11-20 10:35:57 发布