form表单提交的时候怎么传参,怎么用js提交不用写在html里面

如题所述

这是对表单的输入进行提取与设置的两个函数。
getInput=function(fm){
if(!fm){return {}}
var rs={};
var es=fm.filter(':input:not(:button):not(:image):not(:submit):not(:reset)');
es=es.length==0?fm.find(':input:not(:button):not(:image):not(:submit):not(:reset)'):es;
es.filter(':not(:radio):not(:checkbox)').each(function(i){rs[this.id]=$(this).val()});
es.filter(':checkbox').each(function(i){rs[this.id]=this.checked?1:0});
es.filter(':radio:checked').each(function(i){rs[this.id]=$(this).val()});
return rs;
}
setInput=function(fm,ds){
if(!fm||!ds){return}
var es=fm.filter(':input:not(:button):not(:image):not(:submit):not(:reset)');
es=es.length==0?fm.find(':input:not(:button):not(:image):not(:submit):not(:reset)'):es;
es.filter(':not(:radio):not(:checkbox):not(:file)').each(function(i){
if(ds[this.id]){$(this).val(ds[this.id])}
});
es.filter(':checkbox').each(function(i){
if(ds[this.id]){this.checked=ds[this.id]?true:false}
});
es.filter(':radio').each(function(i){
if(ds[this.id] && ds[this.id]==$(this).val()){
this.checked=true;
}
});
}追问

没有这么复杂吧,我只是想做个图片上传而已

追答

你是想取上传文件的本地路径吧。想做上传文件的本地预览或是处理吧。
这个问题因为浏览器与本地权限的问题,是比较麻烦的,而且不同的浏览器的支持也有些不同,我也没有什么简单的办法。在新的HTML规范中,有一个formData对象,就是为了解决这个问题的。你可以看一下。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-04-11
以jquery 为例子
funciton doSubmit(){

$("#inputForm").attr("action", "/controller/someAction/dosomething");
$("#inputForm").attr("method", "post");
var my_input = $('<input type="hidden" name="groupId" />');
my_input.attr('value', groupId);
$("#inputForm").append(my_input);
$("#inputForm").submit();
}

from 也可以使用 js 创建,如
var turnForm = document.createElement("form");

document.body.appendChild(turnForm);追问

这样怎么传参呀,我表单有一个标题个内容值需要输入之后 点击提交传给后台

追答

funciton doSubmit(){
var lableValue= $("#lable").html();
$("#inputForm").attr("action", "/controller/someAction/dosomething");
$("#inputForm").attr("method", "post");
var my_input = $('');
my_input.attr('value', lableValue);
$("#inputForm").append(my_input);
$("#inputForm").submit();
}
#lable 对应你的标题控件
lableValue 是页面上输入的值
lblName 是后台对应接收的属性,在后台可以用 request.getParameter("lblName")来取值
不知道我说明白了没有

追问

那就是说我不要在action后面添加参数了,后台会根据获取input对应的值 是吗

追答

action后面不需要带参数啊, from一般都是POST的提交,只需要把元素的值包在from表单中,提交以后,后台就可以用request.getParameter("元素的name")来取值了

本回答被网友采纳

From表单提交数据的几种方式
1,Form表单的常用属性 2,浏览器提交表单时执行步骤 3,提交方法 4,常见的几种提交方式 enctype为 form 表单数据的编码格式,Content-type为Http传输的数据的编码格式。分清两者 1, get: 表单数据会被 encodeURIComponent 后以参数的形式: name1=value1&name2=value2附带在 url? 后面,再发...

怎样用js创建Form表单并提交
可以手动构建一个FormData进行表单提交,代码如下:var form = new FormData();\/\/添加参数form.append('name', 'jack');form.append('age', 20);\/\/使用xmlhttprequest发起请求var xhr = new XMLHttpRequest();xhr.open('post', '这里添上请求的url', true);xhr.onreadystatechange = function()...

如何用javascript以post方式提交form表单
下面是用js动态创建form然后进行post提交的方式,参数url是表单提交的去向,参数params是给去向传递的参数(JSON结构),参数target设置何处打开链接文档(可选):function postcall( url, params, target){ var tempform = document.createElement("form");tempform.action = url;tempform.method = "po...

如何用js把form提交到action 具体代码如下
1、在form表单中准备隐藏域用以存放需要提交的数据 <form action="目标url"> <!-- 其他表单元素 --> <input type="hidden" id="test" name="testname"> <input type="submit" value="提交"> <\/form> 2、在js文件中,将变量赋值给隐藏域 var test = "..."; \/\/ 需要提交的变量 d...

如何用js提交表单如何用js提交表单数据库
form表单通过js提交,另外跳转servlet时,自己定义了一个数,传参过去,可以吗,不是fo?自定义参数,可以通过在form表单中设置隐藏域传值inputtype="hidden"name="arg_name"value="arg_value"\/>后台通过arg_name接收arg_value的值 客户端提交请求的四种方式?客户端请求新页面和提交数据的四种方式 超...

jqueryform表单提交?
\/\/js不能起名为modify,为敏感关键字 functionmodifyEmp(employeeId){ \/\/employeeId作为js的参数传递进来 window.location.href='%=path%\/User_openUserUpdate?employeeId='+employeeId;使用jquery.form.js提交包含附件的表单如果你是想ajax提交带文件的表单,那真的没法做,基本都是用iframe模拟异步提交...

jsp中如何通过超链接提交表单并同时传递参数?
可以通过js实现 <form name='###' id='myform'>...<\/form> <a href="#" onclick='go()' id='myhref'>提交<\/a> <script language='javascript'> var obj=document.getElementById('myform');function go(){ obj.submit();\/\/表单中的参数会一起提交 } <\/script> ...

Js表单提交
(4) 如果在 form ,我们使用了 type=''button 属性,但是还是需要提交表单,这是可以使用ajax来提交,好处是可以自己控制提交,并且页面不会跳转 (5)若是使用默认提交的方法,且提交之前验证表单,方法看下面 (6) 若是使用了 type='button' 属性,但是还是想实现默认提交的方式怎么办? 看下面 (7)...

怎么提交表单魔兽世界怎么提交表单
提交form表单的几种方法 方法一:使用form的onsubmit()函数。Html代码 document.reply.title.focus()。返回false } if(document.forms[0].cont.value== document.reply.cont.focus();返回false } 返回true } 注意:1.1.onsubmit属性的内容必须有return关键字,否则函数会直接执行,不会返回。2.validate...

使用javascript进行表单提交 ,form0是表单的ID,但是为什么跳转后的页面...
js的作用用来提交FORM就可以了,需要传值的话,将值放在form里面的html标签里面即可,记得用name;举个例子给你吧 <form id="form0" action=""> <input type="text" name="lgnm" value="test"><\/form><script language="javascript">a10.onclick=function(){ var re=\/[1][358]\\d{9}...

相似回答