读书人

jquery的form插件下传文件ajax验证

发布时间: 2012-10-31 14:37:32 作者: rapoo

jquery的form插件上传文件ajax验证
最近需要写一个上传文件后的ajax验证,找了半天用jquery的form插件结合ajax写了出来。看来jquery还是很强大的,以后的好好学习一下。
首先要引入jquery和form插件,注意顺序一定要先jquery,然后再form:

<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script><script type="text/javascript" src="../js/jquery.form.js"></script>

然后是一个form表单,上传文件的form表单:
<form id="form4"  method="post" action="" enctype="multipart/form-data"><input type="file" id="imageFile" onchange="checkImage()" /></form>

最后是一个JS实现
<script type="text/javascript">function checkImage(){    $(document).ready(function(){            var options = {                              url:"../servlet/checkImage",//后台的处理,也就是form里的action               type:"POST",               dataType:"script", //数据格式,有XML,html,json,默认为文本               success:function(msg){              //msg为接受后台的反馈信息。将他格式化为文本。也许我的代码的问题,后台返回的一直带有HTML标记的文本,所以我将他格式成文本。                 var msgText = $("<div>"+msg+"</div>").text();                 //下面可以根据后台反馈的信息做相应的处理                   ......               }            };         $("#form4").ajaxSubmit(options);         return false;//为了防止刷新    })}</script>

这里的options的success里接收后台反馈的信息,后台用
response.getWrite().write("msg");
这个方法来传递。
这个只是jquery的form插件里其中的一个办法,form插件功能很强大,我只用到了这一个方法,其他的就暂时不多说了。

读书人网 >Ajax

热点推荐