JS实现HTML 表单Form,提交Action的设置

最新推荐文章于 2021-10-28 00:32:47 发布

iteye_18810

最新推荐文章于 2021-10-28 00:32:47 发布

阅读量906

点赞数

分类专栏： JavaScript 文章标签： HTML Java

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

function whichSubmit(v){
			if(v==1){
				document.form1.action="phonenoticehistory.readTelephone.do"
			}else{
				document.form1.action="phonenoticehistory.readTelephone.do"
			}
			document.form1.submit();
		}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_18810

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js动态更改Form表单action，进行提交

u010090328的专栏

02-12

6506

**********************************step1****************************************** /mer/exportExcel!exportCsv1.action" method="post"> 商户名称: 法人姓名: 查找清空导出EXCEL 导出EXCEL1

通过action属性提交HTML表单

min_0329的博客

05-08

5576

总结一点关于表单提交的基础知识A.表单HTML表单用<form>来定义，是用来收集用户输入的。B.一些重要的属性 1.action 指定某个服务器脚本来处理被提交的表单。省略，则被设置为当前页面。 2.method 规定在提交表单是使用的HTTP方法（get, post） GET 被提交的表单数据会显示在页面地址栏，安全性较...

参与评论您还未登录，请先登录后发表或查看评论

使用JS提交表单,该表action

信缘的人

08-06

3460

function replace(){myForm.action=bb.html; myForm.method=POST; myForm.submit(); } 使用这个方法可以使用多个内容来提交表单myForm.action=index.php?act=edit; myForm.method=POST; myForm.submit(); myForm.

JavaScript表单提交

weixin_44540247的博客

04-28

1万+

表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式：一、 Form表单手动提交（get与post）在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个...

JavaScript动态修改html组件form的action属性

weixin_30484247的博客

05-28

317

用javaScript动态修改html组件form的action属性，可以在提交时再决定处理表单的页面。 <%--JavaScript部分--%><script language="javascript"> <%--略掉其余代码--%> if(usertypevalue=="company"){ docume...

HTML---------form表单

YUJIAOZHU666的博客

10-28

558

1.form标签，双标签，用于实现表单的跳转，确定请求方式等。注：误将form写为from action属性确定跳转路径，跳转路径分为绝对路径和相对路径。注：如果要将文件传给他人查阅，应选折相对路径表示。 method属性确定跳转的请求方式，属性值：get，post等，get请求相较不安全。 <form action="./...." method="get"> </form> <form action="D:/......" method="post"&...

Form表单的属性action与method

m0_57448314的博客

06-06

6968

1.Action action属性可设置或返回表单的action属性。属性值描述 Action URL 规定当提交表单时向何处发送表单数据下面例子可以更改表单的ationURL 结果输出如下：下面这个例子可以更改表单action的属性结果输出如下： 2.method 属性值 ...

js 提交form表单和设置form表单请求路径的实现方法

01-19

如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~

form表单action提交的js部分与html部分

12-11

1、JS部分代码代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...

JavaScript动态创建form表单并提交的实现方法

10-23

最后通过调用<form>的submit方法将数据以POST方式提交到指定的action路径，并在提交后通过removeChild方法将<form>元素从页面中移除。这种方法的优点是可以根据用户的交互动态地生成表单，并且可以将表单数据发送...

使用js设置form 表单的action

h123hlll的博客

04-02

6460

一般情况下，在一个form表单里所有上传图片或文档都默认存放在同一个路径，但有时候需要在同一个界面里不同的对象文档上传后存放在不同的路径下，因此，再不更改后台代码的情况下，我们可以用js来变更form表单的action 达到目的。 form表单信息如下： <form name="Work_Form" id="Work_Form" method="post" action="后台访问路...

form表单提交时，action怎么带参数

博客

01-24

6万+

在提交form表单的时候，action 不填就默认为提交到当前的页面。今天遇到的当前页面是已经带了参数了，比如:www.xxx.com/index.php?id=1，按照action留空的方法来提交，就不能提交到这个带参数的url了，也不能到把表单中的直拼接在uri后面。那怎么办呢，可以用js的方法拼接好在submit body> form action="ss.do?" method

JSP相关学习--form提交表单时action路径设置

高自强的博客

07-13

1万+

一、前言在使用JSP来获取前台form表单中的信息并进行相关逻辑处理时，出错显示找到不相应的servlet。查阅资料得知，form表单中的servlet路径标识了逻辑处理的servlet的位置，那么form表单中的action路径如何配置呢？二、action路径的作用标识了逻辑处理的servlet的位置。三、路径配置3.1 前台页面login.jsp<%@ page language="java

html——form表单提交方法及表单提交注意点

最新发布

03-31

### 配置HTML `form`元素以实现表单提交在HTML中，`<form>` 元素是用于收集用户输入并将其发送到服务器的核心组件之一。为了正确配置 `<form>` 元素以实现表单提交，需要关注以下几个关键属性： #### 1. **`action` 属性** 该属性指定了当表单提交时，数据应被发送到哪个URL地址。如果没有指定此属性，默认情况下，表单数据会被提交给当前页面所在的URL[^2]。 ```html <form action="/submit"> </form> ``` #### 2. **`method` 属性** `method` 属性定义了表单数据提交的方式，通常取值为 `"GET"` 或 `"POST"`。 - 使用 `"GET"` 方法时，表单数据会附加在 URL 后面作为查询字符串传递，适合传输少量非敏感数据。 - 使用 `"POST"` 方法时，数据会在请求体中发送，适用于较大或敏感的数据传输。 ```html <form method="POST"> </form> ``` #### 3. **表单字段** 表单中的每个输入控件都需要有一个唯一的 `name` 属性，以便服务器可以识别这些字段及其对应的值。常见的输入类型包括文本框 (`type="text"`)、电子邮件输入框 (`type="email"`) 和密码框 (`type="password"`) 等。 ```html <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> ``` #### 4. **提交按钮** 表单的提交操作由 `<button>` 或 `<input>` 类型为 `"submit"` 的元素触发。点击此类按钮后，浏览器将按照设定的 `action` 和 `method` 提交表单数据。 ```html <button type="submit">提交</button>  <input type="submit" value="提交"> ``` #### 5. **JavaScript 扩展功能** 如果希望增强用户体验或者执行更复杂的逻辑（如异步提交），可以通过 JavaScript 来控制表单行为。例如，使用 jQuery 实现 AJAX 提交可避免页面刷新[^4]。 ```javascript $('#myForm').on('submit', function(event) { event.preventDefault(); // 阻止默认提交动作 $.ajax({ url: $(this).attr('action'), // 获取 form 的 action 值 type: 'POST', data: $(this).serialize(), // 序列化表单数据 success: function(response) { console.log('成功:', response); }, error: function(xhr, status, error) { console.error('错误:', error); } }); }); ``` 以上代码展示了如何通过监听表单的 `submit` 事件来拦截默认提交流程，并借助 AJAX 将数据发送至目标地址。 ---