<script >
//js动态创建form 提交表单
function formSubmit(elementValue) {
var turnForm = document.createElement("form");
//一定要加入到body中!!
document.body.appendChild(turnForm);
turnForm.method = 'post';
turnForm.action = '/product/detail.htm';
turnForm.target = '_blank';
//创建隐藏表单
var newElement = document.createElement("input");
newElement.setAttribute("name","id");
newElement.setAttribute("type","hidden");
newElement.setAttribute("value",elementValue);
turnForm.appendChild(newElement);
turnForm.submit();
}
</script>
<a href="javascript:formSubmit('1')">点击我</a>
分享到:
相关推荐
在使用JavaScript动态创建表单时,还需要考虑到跨域请求、安全验证、数据验证等其他因素,以保证表单提交的安全性和可靠性。这些内容虽然没有在给定的文档中明确提及,但在实际开发中都是非常重要的考虑点。
我们可以为form设置属性,如`action`(服务器端处理请求的URL)和`method`(提交方式,通常是"get"或"post"): ```javascript tempForm.action = "http://localhost:8080/test/user"; tempForm.method = "post...
在给定的文件中,标题“用js创建form表单并提交”涉及到使用JavaScript来创建和处理HTML表单(form)的过程。下面将详细介绍这个过程。 1. **创建HTML表单**: HTML表单是用户与网页进行交互的重要元素,通常通过`...
// 原生JavaScript实现动态创建Form并提交 var dlform = document.createElement('form'); dlform.style = "display:none;"; dlform.method = 'post'; dlform.action = '../fileServlet'; dlform.target = '...
这种方法通过JavaScript动态创建一个form元素,将需要提交的参数值编码后加入到表单的action属性中,然后模拟form的提交行为。示例代码如下: ```javascript linkredwin=function(A,B,C,D,E,F,G){ var formredwin=...
总结起来,JavaScript中以POST方式打开新页面主要通过创建隐藏表单和`iframe`模拟实现,或者在服务器端进行处理。这种方式在处理大量数据或者隐私信息时尤为适用,但也需要注意浏览器的同源策略限制。在实际开发中,...
在***中,使用JavaScript (JS) 和form表单提交数据时,通常有Post和Get两种方式。Post方式主要用于发送大量数据,而Get方式适用于获取数据。本文将重点介绍如何在***中结合JS与form表单使用这两种方式提交数据,以及...
"POST提交工具增强版"是一款专门用于HTTP/HTTPS协议下的数据提交工具,它在标准的POST提交功能基础上进行了扩展和优化,以满足更高级别的需求。这款工具的主要目的是帮助开发者、测试人员或网络用户便捷地发送POST...
- **动态创建和添加表单**:如果需要动态创建表单并设置`action`,可以使用`document.createElement('form')`创建一个新的`<form>`元素,然后设置它的`action`属性和其它属性,最后添加到DOM树中。 - **动态移除...
这种方式是在form标签上设置onsubmit事件处理函数。 ```html <script type="text/javascript"> function check() { var form = document.forms[0]; if (form.userId.value == '') { alert("请输入用户帐号!"); ...
该方法是解决前台页面中,在js中处理,实现post进行...方法的主要思路是,在页面中创建一个隐藏的form表单,动态在form表单中添加不同的数据,最后将创建的form表单元素添加到页面中并隐藏,在进行form的submit提交。
- 从文件名`admin.js`来看,这可能是一个用于管理界面的JavaScript文件,它可能包含了上述的AJAX表单提交和动态显示的实现逻辑。 - 文件内容可能包括对特定表单的事件监听,以及与服务器交互的函数定义,比如处理...
你可以定义它的`action`属性,指定表单提交后的处理页面,以及`method`属性,选择数据是通过GET还是POST方式发送。例如: ```html <form action="submit_data.php" method="post"> </form> ``` 表单内部,我们可以...
type: 'POST', // 提交方式 dataType: 'json', // 数据类型 success: function(response) { // 处理成功后的回调,例如显示响应数据 console.log(response); }, error: function() { // 处理错误情况 alert...
在IT领域,特别是Web开发中,使用Ajax(Asynchronous JavaScript and XML)进行form表单的无刷新提交是一项关键技能。这种技术允许网页在不重新加载整个页面的情况下与服务器交互,从而提高了用户体验。以下是对给定...
JavaScript弹出层表单提交是一种常见的用户交互设计,它允许用户在不离开当前页面的情况下填写并提交表单数据。这种技术常用于网站的登录、注册、评论或编辑功能,提供了良好的用户体验,因为用户无需跳转到新页面...
通过上述内容的分析,可以看出,虽然Javascript没有直接的内置函数来发送POST请求,但可以借助于动态创建表单的方式实现数据的提交。本文介绍的`jsPost`函数简单易用,可以作为在客户端需要提交数据时的参考。当然,...
传统的表单提交方式会导致页面刷新,这在某些场景下并不理想,比如需要保持页面状态或者实现无刷新操作。在这种情况下,我们可以通过模拟异步(伪Ajax)的方式来改进表单的提交过程,让用户在等待后台响应时不会感知...