JavaScript表单提交总结

JavaScript表单提交总结

作者：李文涛
撰写时间：2020年4月30日

Javascript简称JS，是一种轻量级且具有函数优先的编译型编程语言。Javascript常用于Web页面开发的脚本语言，支持面对对象编程，命令式和函数式编程的风格。
获取表单数据的4种方式：

1.通过形参的方式接收表单提交的数据(可以接收post与get提交的数据)。
2.通过FormCollection来接收表单的数据（只能接收到post提交过来的数据）。
3.通过 Request.Form[“name的属性值”]获取表单数据（只能接收到post提交过来的数据）。
4.EntityClass实体类接收数据（可以接收post与get提交的数据）。

submit提交：
	1. submit 按钮式提交

	2. onsubmit方式提交

提交

		function checkForm () { 
				var input_pwd= document.getElementById('input_pwd');
				var md5_pwd= document.getElementById('md5_pwd');
				md5_pwd.value= toMD5(input_pwd.value);
			return true;

}

formData 提交：
	<form id="photoForm">
		<input id="photolnput" type="file" title="图片上传" accept="" name="">

$('#photoForm input').change(function() { var photoForm = $('#photoForm')[0], photoFormData = new FormData(photoForm), photoFileList = $('#photoInput')[0].files; $('.loading').show(); $.ajax({ type: 'POST', url: ZD.url+"/cert/filesUpload", data: photoFormData, processData : false, contentType : false, complete:function(){ $('.loading').hide(); $("#photoForm input").val(''); }, success:function(d){ } }); });

动态添加表单提交:
1. 动态追加的form表单
var exportForm = ${(}^{\prime }<formaction={"}^{\prime }+ajaxUrl{+}^{\prime }"method="post"><inputtype="hidden"name="beginDate"value={"}^{\prime }+$(".beginDate").val()+’">
');
$(document.body).append(exportForm);
exportForm.submit();
exportForm.remove();

	2. 静态form表单
		<form action="'+ajaxUrl+'" method="post">
			<input type="hidden" name="beginDate" value="'+$(".beginDate").val()+'"/>

document.getElementById(“form”).submit();
$("#form").submit();