Ⅰ 怎样用js创建Form表单并提交
可以手动构建一个FormData进行表单提交,代码如下:
varform=newFormData();
//添加参数
form.append('name','jack');
form.append('age',20);
//使用xmlhttprequest发起请求
varxhr=newXMLHttpRequest();
xhr.open('post','这里版添上请求的url',true);
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
//成功权
}
}
//执行请求
xhr.send(form);
Ⅱ 怎样用JS提交一个Form
办法1.同一个页面中建立两个表单 各自提交:
<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="submit" />
</form>
<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="submit" />
</form>
办法2:如果非要内只有一个表单的话容,通过js提交:
<script type="text/javascript" language="javascript">
function submitYouFrom(path){
$('form1').action=path;
$('form1').submit();
}
</script>
<form action="?" name="form1" id="form1">
<!-- 表单内容 -->
<input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>
<input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>
</form>
Ⅲ Js如何实现自动提交表单!
要想自动提交你可以在你的网页上侦测你的表单变化则提交,可内这个变化没个限度,比如从容空到A,这就变化了,再到AD又变化了,再到ADMIN这一直变化,到底提交那次呢,
还有一种可能是定时刷新提交,这个也有问题,在刷新时客户不一定填完,反之亦然。
第一个可以规定,各个表单几个字符不到不提交,
第二个也是在刷新时判断有几个字符不到不提交,
Ⅳ jquery或js前端提交数据的几种方式
1.jquery提交数据的方式:
(1)第一种jquery序列化提交数据方式:
通过id获取的form表单元素.serialize();
(2)第二种模拟form表单提交元素:
$('#form表单id').attr('method','post');
$('#form表单id'').find('input[name="type"]').val(test);
$('#form表单id').find('input[name="dfrom_to1"]').val(dfrom_to);
$('#form表单id').find('input[name="gt_road_new"]').val(gt_road);
$('#form表id').attr('action',AdminLTE.ctx+'/moles/ltegt/findAllCoverAndInterfere.do');
$('#analysisForm').submit();
2.js提交数据的方式:
(1).js提交表单( .submit()方法提交表单 )
function doSearch(){
var action ="<%=path%>/User_queryAllUser";
document.all.form.action = action;
document.all.form.submit();}
(2).js替代超链接( window.location.href )
<input type="button" id="modify" value="修改工号" οnclick="modifyEmp(${ myList.employeeId })">
//js不能起名为modify,为敏感关键字
function modifyEmp( employeeId ){
//employeeId 作为js的参数传递进来
window.location.href = '<%=path%>/User_openUserUpdate?employeeId='+employeeId;
Ⅳ js 模拟POST提交enctype="multipart/form-data"类型的表单
只是需要文件上传才用它的
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
改成
xmlHttp.setRequestHeader("Content-Type","multipart/form-data;")。