`

动态创建form提交数据

阅读更多

 

动态创建form提交数据:

 

/**
 * post方式提交请求
 * paramStr:以key1:value1,key2:value2...的形式(名值对形式)传,不需要双引号括号等
 */
function postLink(action,target,paramStr)
{
	/*1.构建form*/
	var form = document.createElement("FORM");
	form.setAttribute("action",action);
	form.setAttribute("method","post");
	var targ="_self";
	if(target!=null&&target.length>0)
	{
		targ=target;
	}
	form.setAttribute("target",targ);

	/*2.解析params串*/
	if(paramStr&&paramStr.length>0)
	{
		var params=paramStr.split(",");
		for(i=0;i<params.length;i++)
		{
			var param=params[i].split(":");
			var key=param[0].toString();
			var value=param[1].toString();
			var input=document.createElement("input");   
			input.setAttribute("type", "hidden");
			input.setAttribute("name", key);
			input.setAttribute("value", value);
			form.appendChild(input); 
		}
	}

	document.body.appendChild(form);
	form.submit();
}
function subForm(id)
{
	document.getElementById(id).submit();
}

 

分享到:
评论

相关推荐

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

    // 调用函数,动态创建并提交form MakeForm(); ``` 在上述代码中,我们定义了一个名为MakeForm的函数,它首先创建了一个&lt;form&gt;元素,并设置了该元素的id和name属性。接着创建了一个类型为"text"的元素,并设置了其...

    ajaxForm异步提交表单(含图片)

    AjaxForm是jQuery Form Plugin的一个功能,用于实现异步表单提交,特别是处理包含图片在内的复杂数据。本文将深入探讨如何使用ajaxForm进行异步表单提交。 首先,让我们了解什么是Ajax。AJAX(Asynchronous ...

    ajax form 提交 动态显示

    "Ajax Form提交 动态显示"这一主题涉及到如何利用AJAX处理表单提交,并实时更新页面内容。 1. **AJAX基础**: - AJAX的核心是XMLHttpRequest对象,它负责在后台与服务器通信。 - AJAX的工作流程包括创建...

    用js创建form表单并提交.pdf

    在给定的文件中,标题“用js创建form表单并提交”涉及到使用JavaScript来创建和处理HTML表单(form)的过程。下面将详细介绍这个过程。 1. **创建HTML表单**: HTML表单是用户与网页进行交互的重要元素,通常通过`...

    弹出层表单提交数据完美解决

    本文将详细讲解如何实现弹出层表单的提交数据处理,确保数据的准确性和安全性。 首先,我们要理解弹出层表单的基本结构。通常,一个弹出层由HTML、CSS和JavaScript组成。HTML用于构建表单元素,CSS用于样式设置和弹...

    js的form表单提交url传参数(包含+等特殊字符)的两种解决方法

    在Web开发过程中,经常需要通过表单提交数据到服务器。当需要在URL中传递参数时,某些特殊字符可能会影响数据的正确传递,例如加号"+"在URL中有特殊的含义,它代表空格。为了确保数据能够准确无误地通过GET或POST...

    ajax提交form表单

    它通过在后台与服务器进行少量数据交换,使得网页能够动态地更新。这为用户提供了一种流畅、快速的交互体验,尤其是在处理表单提交时,可以避免传统表单提交带来的页面跳转和数据丢失问题。 ### 二、Ajax无刷新提交...

    基于VueElementUI快速创建生成表单进行数据校验获取表单数据

    // 提交数据... } else { console.error("表单校验失败"); } }); }, } ``` 总结来说,Vue和Element UI结合使用,可以高效地构建动态表单,实现数据验证和数据获取。Element UI的组件库为开发者提供了丰富的UI...

    Submit-the-form.rar_form 提交_提交表单

    在HTML表单中,我们可以通过`&lt;form&gt;`标签来创建表单,设置`action`属性指定提交表单的处理页面(这里是ASP脚本),`method`属性则定义了数据发送的方式,通常是"GET"或"POST"。表单内包含各种表单元素,如文本框、...

    用js创建form表单并提交.docx

    在JavaScript中创建并提交表单是一项常见的任务,特别是在网页交互和数据传递中。在这个文档中,我们看到一个基于JavaServer Pages (JSP) 的Web应用示例,它使用了JavaScript来处理用户界面交互。以下是对相关知识点...

    JavaScript/HTML—FORM用户输入/提交数据的图形界面

    在JavaScript和HTML的世界里,创建一个用户可以输入和提交数据的图形界面是Web开发的基本技能。FORM元素在HTML中扮演着至关重要的角色,它允许用户填写表单并将其数据发送到服务器进行处理。本篇文章将深入探讨如何...

    基于jQuery和layui的form表单自定义js动态生成

    在前端开发中,动态生成表单是一个常见的需求,特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库,它简化了DOM操作,事件处理,动画...

    vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作

    在子组件的`data`中,我们定义了`formLabel`数组,用于动态创建表单字段。这样,我们可以通过简单的数组配置来创建复杂的表单布局。同时,我们还定义了`isShow`变量来控制对话框的显示状态,并且在`beforeClose`回调...

    form表单的异步回调方法

    默认情况下,表单提交会引发页面重定向,使用`&lt;form&gt;`的`action`属性指定处理表单数据的URL,`method`属性定义请求类型(GET或POST)。 2. **阻止默认行为(Preventing Default Behavior)**:为了阻止表单提交导致...

    form中相同name的checkbox提交问题

    3. **JavaScript辅助**:利用JavaScript在提交前动态处理表单数据,将所有选中的复选框值收集到一个数组,然后转换为JSON字符串或其他格式,再附着到某个隐藏字段的`value`上,这样服务器端就能获取到所有值。...

    Angular 4.x 动态创建表单实例

    在Angular 4.x中,动态创建表单是一种常见的需求,它允许开发者根据数据动态地构建表单组件,适应不同的场景和用户需求。本文将详细讲解如何在Angular 4.x中实现动态表单的创建。 首先,我们需要创建一个`...

    jquery.form.js实现将form提交转为ajax方式提交的方法

    在当今的Web开发中,Ajax技术被广泛应用于实现动态和异步的数据交互,它能够让网页在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。传统的HTML表单提交会重新加载页面,这在用户体验上有所欠缺...

    excle文件form表单上传

    JSP是一种动态网页技术,用于创建交互式的Web应用程序。在表单上传中,我们需要在JSP页面上创建一个`&lt;form&gt;`元素,设置`enctype`属性为`multipart/form-data`,以支持文件上传。此外,还需要一个文件输入字段`...

Global site tag (gtag.js) - Google Analytics