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>

javascript jquery将表单form序列化成json提交

终于解决将form表单序列化为json提交的问题,本来很简单,只怪自己当初没看懂~...

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

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

如何通过javascript提交表单form

如何通过javascript提交表单form  (2011-09-13 14:53:51) 转载▼ 标签:  javascript   杂谈 分类...

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

使用原生javascript实现ajax提交form表单============================1准备表单        首先我们需要编写一个html代码,这里我是采用nodejs里...

javascript中对<form>表单的submit验证以及action提交,及它们的区别。

自己当初学习中的困惑,可惜的是考完试才明白....

JavaScript 提交表单的方式 (Using JavaScript Submit Form)

来源:zsf0615020117 最近做项目遇到用Javascript提交表单的问题, 之前也做过几次, 但是不够全面, 这次总结出了几种用JavaScript提交表单的方式, 并且对此作出了比...

jquery-form 异步提交表单

  • 2015年07月28日 17:59
  • 89KB
  • 下载

Javascript Form表单知识点总结

在HTML中,表单是由form元素来表示的,但是在javascript中,表单则由HTMLFormElement类型,此元素继承了HTMLElement,因此与其他HTML元素具有相同的默认属性;HT...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript提交form表单
举报原因:
原因补充:

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