form提交时,传递额外的参数

在进行表单提交时,会遇到在提交前增加额外参数的情况,对此有如下几种解决方法:

  1. 在表单里使用hidden的input,将参数放到里面。

缺点:在form表单里会增加一些input节点,感觉不爽。

  1. 在提交前使用javascript动态在表单里添加input。

缺点:需要写脚本。

  1. 使用ajax提交拼接参数。

缺点:如果表单里有文件需要上传,就行不通了。

动态增加form和参数:

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();
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决enctype= multipart/form-data无法传递其他参数的方法有多种。 一种常见的解决方法是使用一个隐藏的表单字段将额外参数传递到服务器端。在form标签中添加一个隐藏的input标签,将需要传递参数作为该字段的值。在提交表单,该参数会随着文件一起被发送到服务器端。 另一种方法是使用JavaScript来动态地修改表单的action属性,并将额外参数作为查询字符串添加到action中。当用户点击提交按钮JavaScript会通过监听表单提交事件,在提交之前修改action属性并将额外参数添加到其中。这样,提交表单就会将所有参数一起发送到服务器端。 如果使用的是Ajax来提交表单,可以将其他参数组成一个对象,然后使用FormData对象来存储文件和其他参数FormData对象可以通过append()方法将文件和其他参数添加到其中,然后通过XmlHttpRequest对象将FormData对象发送到服务器端。 还有一种解决方法是使用服务器端的处理程序来解析multipart/form-data类型的请求,然后从请求体中解析出文件和其他参数。可以根据服务器端的开发语言和框架来选择合适的处理程序,例如在PHP中可以使用$_FILES数组来获取文件,使用$_POST数组来获取其他参数。 综上所述,通过隐藏字段、JavaScriptFormData对象或服务器端的处理程序,都可以实现在enctype= multipart/form-data类型的表单传递其他参数。选择哪种方法取决于具体的需求和技术环境。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值