JavaScript创建动态Form，添加请求参数，提交

最新推荐文章于 2024-04-01 11:17:20 发布

imorris

最新推荐文章于 2024-04-01 11:17:20 发布

阅读量5.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript JSP 文章标签： javascript string servlet function input

本文链接：https://blog.youkuaiyun.com/imorris/article/details/7739280

JavaScript 同时被 2 个专栏收录

5 篇文章

订阅专栏

JSP

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态创建表单并提交至后台的方法，并展示了如何在Servlet中接收这些参数。此方法适用于需要从前端一次性发送多个请求参数到后端的场景。

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

直接贴上代码，相信大家都看得懂！

	function formSubmit(elementValue) {
	    var turnForm = document.createElement("form");   
	    document.body.appendChild(turnForm);
	    turnForm.method = 'post';
	    turnForm.action = 'vmsservlet';
	    turnForm.target = 'mainFrame';
	 	
	    for (var x in elementValue) {        
	 	var newElement = document.createElement("input");
	        newElement.setAttribute("type","hidden");
	        newElement.name = x;
	        newElement.value = elementValue[x];        
	        //alert(newElement.name);
	        turnForm.appendChild(newElement);
	     }
	    turnForm.submit();
	}

elementValue 接收JavaScript对象类型，如下：

var subData = {"cameraid" : cameraid,"port" : port,	"vmsip" : vmsip	};

formSubmit(subData);

这样可以一次传递多个请求参数，后台Servlet中接收代码：

String cameraid = request.getParameter("cameraid");
String port = request.getParameter("port");
String vmsip = request.getParameter("vmsip");