`

Javascript动态生成Form表单

阅读更多

主要是在利用Struts中的DispatchAction开发的使用,用于隐藏方法参数。因为在使用DispatchAction的时候,可能在地址栏会暴露后台方法名,所以采用了这种动态生成Form表单,并利用Post方式提交的方法对DispatchAction中的方法参数进行隐藏。这样在超链接或者利用button进行提交的时候可以在一定程序上对后台代码方法进行隐藏。当然这种方法也并不能做到绝对的方法隐藏,只是在某种程度上能起到一定的效果。以下是Javascript代码:

 

function forward(methodName){
        //create a form
 	var tempForm = document.createElement("form");
 	tempForm.action="/question.do";
 	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();
}

 当然,还可以对以上代码进行改写,在此只提供一种思路。

分享到:
评论
3 楼 xiaofengtoo 2009-04-16  
非常恳请 给个简单的DEMO 谢谢 !!!!!
2 楼 xiaofengtoo 2009-04-16  
我现在使用的DispatchAction  在表单提交的 时候也有方法名称出现 不知道是否我哪里配置有无还是写法有无 ?
1 楼 xiaofengtoo 2009-04-16  
兄台  可否   给个点的实例 

相关推荐

    Vue+Element实现动态生成新表单并添加验证功能

    在Vue.js框架中与Element UI组件库结合实现动态表单生成以及表单验证是一个相当实用的技术应用场景。本文主要阐述了如何使用Vue.js和Element UI来实现表单的动态生成,并为这些动态生成的表单添加了验证功能。 知识...

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

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

    自动生成式form表单

    自动化生成form表单的优势:** - **提高效率**:开发者无需手动编写每个表单控件,节省时间。 - **减少错误**:自动化的工具通常会遵循最佳实践,减少编码错误。 - **适应性**:可以根据需求动态生成不同结构的表单...

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

    本文实例讲述了JavaScript动态创建form表单并提交的实现方法。分享给大家供大家参考,具体如下: 页面布局有些复杂的情况下,可能需要在页面中动态创建一个 form,JavaScript 创建 form 演示如下: // JavaScript ...

    根据配置动态生成有验证的表单

    "根据配置动态生成有验证的表单"这一技术主题,结合使用了iview框架和async-validator库,旨在创建灵活、可配置的表单验证解决方案。 **1. iview框架** iview是一个基于Vue.js的UI组件库,提供了丰富的前端组件,...

    Form表单js设计器生成器

    通过使用"Form表单js设计器生成器",开发者可以快速创建符合Bootstrap设计规范的高质量表单,降低手动编写HTML和JavaScript的复杂度,提高开发效率。同时,这种可视化设计方式使得非编程背景的设计师也能参与到表单...

    Form 动态表单demo

    一个动态表单(Dynamic Form)允许根据用户需求或特定场景自动生成或改变表单的结构和内容。本“Form动态表单demo”提供了一个简单的实例,帮助开发者了解如何创建和管理动态表单。 在描述中,作者提到这是一个个人...

    使用Vue动态生成form表单的实例代码

    在本文中,我们将探讨如何使用 Vue 动态生成具有数据收集、校验和提交功能的表单。`form-create` 是一个非常实用的库,它允许开发者根据规则动态创建复杂的表单,包括复选框、单选框、输入框、下拉选择框、省市区三...

    form_生成表单.zip

    4. **js**:JavaScript文件夹,里面存放的是用于实现拖拽功能和动态生成表单代码的脚本。JavaScript是实现表单生成的核心,它监听用户的拖放动作,根据用户的选择动态创建和调整HTML表单结构。 5. **empty**:这个...

    vue----根据后台返回字段自动生成表单列表.zip

    "vue----根据后台返回字段自动生成表单列表.zip"这个项目就是针对这种场景的一个实例,它展示了如何使用Vue.js和JavaScript技术来实现这一功能。 首先,Vue.js是一个轻量级的前端框架,它以组件化开发为核心,使得...

    生成动态表单

    在给定的标题和描述中,我们可以看到这个话题关注的是如何实现动态表单的生成,同时考虑了form提交和ajax异步更新内容的兼容性,以及模拟alert和confirm对话框的交互体验。 一、动态表单生成 动态表单生成的核心...

    JSON生成Form表单的方法示例

    JSON生成Form表单是一种高效的方法,特别是在React等前端框架中,它可以极大提高开发效率和代码复用性。本文将深入探讨这种方法,以及如何利用JSON数据结构来构建动态、灵活的表单。 首先,JSON表单描述是一种将...

    使用json数据生成表单页面

    在Web开发中,动态生成表单页面是一种常见的需求,特别是在数据驱动的...通过查看源码,你可以更深入地了解如何将JSON数据与动态生成的表单页面相结合,这将有助于提升你在JavaScript开发中处理表单输入控件的能力。

    jquery-form - jQuery表单生成插件

    这个插件使得动态表单的创建和管理变得更加简单,同时提供了丰富的功能,如多文件上传、进度条显示、错误处理等。 在jQuery-form中,你可以轻松实现异步(Ajax)提交表单,避免页面刷新,提升用户体验。它支持多种...

    动态增加html表单(文本框)

    可以通过设置`runat="server"`属性将JavaScript创建的元素与ASP.NET关联,或者在服务器端处理POST数据时,解析整个请求体以获取动态生成的数据。 6. **前端验证与后端验证**:为了提供良好的用户体验和数据安全性,...

    Javascript 动态添加表单实例

    在JavaScript编程中,动态添加表单是一项常见的需求,特别是在构建具有高度交互性和可扩展性的Web应用时。通过动态创建和管理表单元素,开发者可以轻松应对用户可能的需求变化,实现XML数据的加载和显示,从而增强...

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

    在IT行业中,前端开发是至关重要的一个环节,尤其是在...而Vue的强大数据绑定和响应式机制,让表单的动态生成和管理变得易如反掌。在实际项目中,根据业务需求灵活运用这些技术,可以极大地提高开发效率和用户体验。

    ASP动态生成的javascript表单验证代码.docx

    根据所提供的标题“ASP动态生成的javascript表单验证代码”以及描述“ASP动态生成的javascript表单验证代码.docx”,我们可以理解这份文档主要介绍了一种利用ASP技术动态生成JavaScript代码的方式,用于前端表单的...

    基于elementui的form表单实现的一个高拓展性的表格布局组件

    总结来说,基于Element UI的Form表单,结合Vue.js的组件化思想和动态渲染能力,我们可以构建出一个高拓展性的表格布局组件。这个组件不仅可以满足日常表单布局的需求,还能灵活适应各种复杂的业务场景,降低开发难度...

Global site tag (gtag.js) - Google Analytics