js动态生成form 并用ajax方式提交

最新推荐文章于 2021-08-07 03:44:28 发布

原创最新推荐文章于 2021-08-07 03:44:28 发布 · 607 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种使用ExtJS创建动态表单并提交至服务器的方法。通过JavaScript动态生成表单元素，并设置提交地址和方式，最后触发表单提交。此外还展示了如何使用Ext.Ajax进行异步请求。

var　tempForm　=　document.createElement("form");　
　tempForm.action="http://localhost:8080/test/user";　
　tempForm.method="post";　
　document.body.appendChild(tempForm);　
　　
　　　　//create　a　submit　button　　
　var　tempInput　=　document.createElement("input");　
　tempInput.type="hidden";　
　tempInput.name="method";　　
　tempInput.value=methodName;　//the　parameter　of　method　in　the　code　of　DispatchAction.　
　
　tempForm.appendChild(tempInput);　
　　　　//submit　the　form　
　tempForm.submit();

  Ext.Ajax.request({
		form:'intPayForm',
		method:'post',
		success:function(data){
			alert(data.responseText);
		},
		failure:function(){
		}
	});