位置: 编程技术 - 正文
推荐整理分享jQuery.form插件的使用及跨域异步上传文件(jquery.form.min.js),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery form validate,jquery formbuilder,jquery format,jquery .form,jquery formatter,jquery formatter,jquery formbuilder,jquery .form,内容如对您有帮助,希望把文章链接给更多的朋友!
先说明白
这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加 access-control-allow-method,当然这个头标记只有IE,火狐和谷歌上支持,对于IE以下的浏览器来说,我们就不能用这种方式了,我们需要换个思路去干这事,让服务端去重写向我们的客户端,由客户端(与文件上传页面在同域下)来返回相关数据即可。
再做事
1 Jquery.form的使用
注意,代码中的eventStart方法是指在选择文件后,自动提交表单,而ajaxForm表示提交表单为异常方式,success回调方法是指 异步返回表单地址 的返回值。
2 跨域的初步实现
解决域访问,我们可以在服务端的响应头上添加Access-Control-Allow-Origin和Access-Control-Allow-Methods两个特性即可,这些特性在IE以下的浏览器不被支持,很是郁闷。
注意,在生产环境下,我们的 Access-Control-Allow-Origin 应该是指定合法的域名的,*表示对所以网站都开放访问,这是危险的。
3 解决IE以下不能跨域的问题
对于IE浏览器确实没法说了,虽然很喜欢微软的东西,但对于IE来说,我只能是NO,我真不想过多的去谈论它,先看看IE实现跨域上传的解决思想:由客户端不直接返回数据,而是重写向到客户端的callback地址,由 callback 像 ajaxForm 方法返回最终的数据,这
样就解决了直接的跨域问题了。
有些时候,我们在想一个问题的解决方法时,如果一条路走不通过,可以换换思路,也许会有意外的收获!
有人问,这块使用POST方式在服务端与客户端进行数据传递可以不可以,大叔说:不可以,因为POST在提交到客户端后,客户端处理,然后还是把结果返回给服务端,最后服务端再把结果返回给ajaxform,这还是又回到了开始的跨域问题,哈哈!
以上所述是小编给大家介绍的基于jQuery.form插件实现jQuery跨域异步上传文件的相关内容,希望对大家有所帮助!
jQuery绑定事件on()与弹窗的简要概述 页面上经常会有弹窗,有的弹窗是动态生成的,有的弹窗是在页面底部隐藏的,对于动态生成的弹窗,如果要监听弹窗的事件,可以使用jQuery的事件绑
浅析jQuery事件之on()方法绑定多个选择器,多个事件 $(document).on('click','#header.top,#main.btn',function(){//code...});on()方法绑定多个事件$("table.planning_grid").on({mouseenter:function(){//Handlemouseenter...},mouseleave:function(){//Hand
浅析jquery与checkbox的checked属性的问题 1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化2、checkbox里的onchange或onclick方法里用jquery
上一篇:基于Jquery插件实现跨域异步上传文件功能(jquery常用插件有哪些)
下一篇:jQuery绑定事件on()与弹窗的简要概述(JQuery绑定事件的函数是)
友情链接: 武汉网站建设