JavaScript提交form表单

原创 2016年06月01日 23:32:42
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'upload.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript">
	$(function() {
		$('#button').click(function() {
			var oData = new FormData(document.forms.namedItem("form1" ));  
			/* oData.append( "CustomField", "This is some extra data" );  
			var oReq = new XMLHttpRequest();  
			oReq.open( "POST", "uploadServlet" , true );  
			oReq.onload = function(oEvent) {  
			      if (oReq.status == 200) {  
			    	 alert(oReq.responseText) ;
			     } else {  
			          alert('error!') ;  
			     }  
			};  
			oReq.send(oData);   */
			/* var formData = new FormData($("#form1")[0]); */
			 $.ajax({
				type : 'post',
				data : oData,
				async : false,
				cache : false,
				processData : false,
				contentType : false,
				url :'uploadServlet',
				dataType : 'text',
				success : function(data) {
					alert(data);
				},
				error : function() {
					alert('提交失败');
				}
			});
		});
	});
</script>
</head>
<body>
	<form name="form1" >
		文件名:<input type="text" name="filename" /> 选择文件:<input type="file"
			name="filepath" /> 用户名:<input type="text" name="username" /> 用户名:<input
			type="text" name="username" /> <input type="button" id="button"
			value="上传" />
	</form>
</body>
</html>

js提交form表单

前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~...
  • u013030601
  • u013030601
  • 2016年08月27日 10:38
  • 8800

用JavaScript实现form表单的数据提交--使用正则表达式对数据判断

用JavaScript实现form表单的数据提交--使用正则表达式对数据判断: 运用JavaScript中正则表达式的相关知识; 注意:form表单中的onsubmit事件的使用: success.h...
  • yanghui07216
  • yanghui07216
  • 2016年12月03日 13:14
  • 988

原生JavaScript封装的ajax提交表单form

代码放在 https://github.com/webery/ajax/tree/master 目前为第一版本,没有经过严格的测试,部分功能还没完善.使用了自己封装的ajax提交数据. 测试代码 ...
  • yhjyumi
  • yhjyumi
  • 2015年08月08日 22:58
  • 1944

纯javascript的ajax实现php异步提交表单

很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想...
  • yipiankongbai
  • yipiankongbai
  • 2013年09月03日 23:09
  • 9519

javascript提交form表单

有时候jsp自带的form多少都有些蹩脚,不如纯天然的form那么得心应手。例如jsp中的form不能定义id值,也就是说不可以通过js来提交form表单,真是一大败笔。项目中一直都是用的jsp带的f...
  • Skylvzhoulihe
  • Skylvzhoulihe
  • 2013年06月27日 22:40
  • 855

js提交form表单(Javascript)

function sub(top){ document.getElementById("top").value = top; document.getElementById("myfo...
  • xueer767
  • xueer767
  • 2017年03月23日 14:38
  • 304

Javascript提交form表单

灵活运用JavaScript提交form表单
  • zai_xia
  • zai_xia
  • 2017年03月01日 08:59
  • 102

js 提交表单到后台示例

$(function(){      $("#btn1").click(function(){          $("#registerform").submit();     });     }...
  • JesseCary
  • JesseCary
  • 2016年11月17日 13:38
  • 2742

ajax提交表单的方式

1、$.ajax$.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),/...
  • g_blue_wind
  • g_blue_wind
  • 2016年07月21日 10:28
  • 510

使用原生javascript实现ajax提交form表单

使用原生javascript实现ajax提交form表单============================1准备表单        首先我们需要编写一个html代码,这里我是采用nodejs里...
  • u013158044
  • u013158044
  • 2016年04月16日 23:26
  • 4592
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript提交form表单
举报原因:
原因补充:

(最多只允许输入30个字)