jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016-08-25 16:40
1311 查看
废话不多说了,关键代码如下所示:
<script> $('.screenshot_input').change(function (){ //获取file对象 即相当于可以直接post的$_FILES数据 var domFile = $(this)[0].files[0] var domForm = $('#testForm')[0] //将form对象直接作为参数 new FormData对象 var formData = new FormData(domForm); //追加file 对象 formData.append('file',domFile); $.ajax({ url:'{{ path( 'acme_admin_app_dealAppScreenShot') }}', type: "POST", data: formData, processData: false, // tell jQuery not to process the data contentType: false, // tell jQuery not to set contentType xhr: function(){ //这是关键 获取原生的xhr对象 做以前做的所有事情 var xhr = jQuery.ajaxSettings.xhr(); xhr.upload.onload = function (){ alert('finish downloading') } xhr.upload.onprogress = function (ev) { if(ev.lengthComputable) { var percent = 100 * ev.loaded/ev.total; console.log(percent,ev) } } return xhr; }, success:function(data){ alert(data) } }) }) </script> Array ( [name] => cooff [email] => qq.comaa ) Array ( [file] => Array ( [name] => yunce2.0测试.apk [type] => application/vnd.android.package-archive [tmp_name] => /tmp/php4Jxt0c [error] => 0 [size] => 6476627 ) )
一次过把form表单 和 file 对象发送到PHP后端controller 处理起来非常方便。
以上所述是小编给大家介绍的jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
- JQuery的ajax获取数据后的处理总结(html,xml,json)
- Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
- jQuery+ajax读取并解析XML文件的方法
- JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
- 通过AJAX的JS、JQuery两种方式解析XML示例介绍
- 用JQuery 实现AJAX加载XML并解析的脚本
- JQuery Ajax通过Handler访问外部XML数据的代码
- Jquery Ajax解析XML数据(同步及异步调用)简单实例
- Jquery通过Ajax访问XML数据的小例子
- jQuery基于Ajax实现读取XML数据功能示例
相关文章推荐
- jquery 使用$.ajax 时获取原生XMLHttpRequest 对象
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- ajax获取XMLHttpRequest对象的通用方法
- ajax中获取XMLHttpRequest对象的方法(IE/Firefox/chrome)
- 实现jquery.ajax及原生的XMLHttpRequest跨域调用WCF服务的方法
- 习惯了使用jQuery的ajax方法,看看原生js使用xmlhttpRequest实现ajax请求
- 实现jquery.ajax及原生的XMLHttpRequest调用WCF服务的方法
- Ajax获取XmlHttpRequest对象的方法,兼容IE、火狐。用来与服务器进行通信。
- 实现jquery.ajax及原生的XMLHttpRequest调用WCF服务的方法
- ajax====xmlHttpRequest对象的常用属性和方法
- 利用XMLHttpRequest对象编写实现Ajax小实例
- ajax XMLHttpRequest 对象 的属性与方法
- Ajax 利用XMLHttpRequest、jquery几种实现[代码片段]
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax XMLHttpRequest对象的三个属性以及open和send方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 黄聪:jquery对ajax的error内的XMLHttpRequest返回的exception获取里面的信息
- 原始ajax通过xmlHttpRequest对象的send()方法提交数据--Get方式和Post方式
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法