开发者社区> 问答> 正文

jquery.form插件 一点反应都没有,没找出来哪里的问题?报错

今天闲着尝试了一下jQuery.form.js插件来进行异步的提交表单上传文件

jsp:

<form method="post" style="padding-left: 50px;padding-top: 25px" id="form2" enctype="multipart/form-data">
					选择Excel文件:<input type="file" name="files" id="files"/></p>
					<input type="button" value="上传" id="bt"/>
				</form>





点击上传按钮的js事件代码:

<script src="JS/jquery-1.8.0.js" type="text/javascript"></script>
<script src="JS/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
				$(function(){
					$("#bt").click(function(){
						var options={
								url:"uploadServlet",	
								type:"post",
								dataType: null,  
								success:function(mes){
									alert(mes);
								}
							};
							$("#form2").submit(function() {
								 $(this).ajaxSubmit(options);
								 return false;
							 });
					});
				});
</script>




就是一个简单地上传文件的操作,上传的地址是一个servlet

在servlet中我使用cos上传方式

我在servlet中out.print出OK

servlet:

public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=utf-8");
		PrintWriter out=response.getWriter();
		String str="";
		try {
			String ExcelFile=this.getServletContext().getRealPath("ExcelFile")+"\\";
			new MultipartRequest(request, ExcelFile, 10*1024*1024, "utf-8", new DefaultFileRenamePolicy()) ;
			str="OK";
		} catch (Exception e) {
			e.printStackTrace();
			str="NO";
		}
		out.print(str);
		out.flush();
		out.close();
	}


但是我运行一下,没有任何反应。。。压根这后台的servlet都没进去

也不报错,什么反应都没有。。。我很纳闷。


展开
收起
爱吃鱼的程序员 2020-06-15 19:40:44 677 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB
    //注册表单$("#member_register").dialog({autoOpen:false,modal:true,width:320,height:330,buttons:{'提交':function(){$(this).submit();}},}).validate({//ajax提交信息submitHandler:function(form){$(form).ajaxSubmit({url:'ajax.php?type=register',type:'POST',beforeSubmit:function(formData,jqForm,options){$("#loading").dialog('open');$("#member_register").dialog('widget').find('button').eq(1).button('disable');},success:function(responseText,statusText){$("#member_register").dialog('widget').find('button').eq(1).button('enable');if(responseText){$("#loading").css('background','url(images/success.gif)no-repeat10pxcenter').html('注册成功!');setTimeout(function(){$("#loading").dialog('close');$("#member_register").dialog('close');$("#member_register").resetForm();$("#member_registerspan.star").removeClass('success').html('*');},1000);}},});},showErrors:function(errorMap,errorList){varerrors=this.numberOfInvalids();if(errors>0){$("#member_register").dialog('option','height',25*errors+330);}else{$("#member_register").dialog('option','height',330);}this.defaultShowErrors();},//错误后,边框颜色变红highlight:function(element,errorClass){$(element).css('border','1pxsolidred').siblings('span').removeClass('success');},//正确将将颜色调到默认状态unhighlight:function(element,errorClass){$(element).css('border','1pxsolid#ccc').siblings('span').addClass('success').html('');},//错误信息提醒errorLabelContainer:'div.prompt_error',rules:{reg_username:{required:true,minlength:3,maxlength:10,},reg_password:{required:true,minlength:6,},reg_email:{email:true},reg_birthday:{required:true,},},messages:{reg_username:{required:'姓名不能为空',minlength:'姓名长度不能小于2位',maxlength:'姓名长度不能大于10位',},reg_password:{required:'密码不能为空',minlength:'密码长度不能少于6位',},reg_email:{email:'请输入正确的电子邮箱!',},reg_birthday:{required:'请选择自己的出生日期',},},});



    我用不着验证,我就想知道,你看我写的哪里不对
    2020-06-17 13:18:56
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
利用编译将 Vue 组件转成 React 组件 立即下载
《零基础HTML入门教程》 立即下载