jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法

 更新时间:2016年08月25日 16:40:12   作者:a519640026  
这篇文章主要介绍了jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

废话不多说了,关键代码如下所示:

<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中prevUntil()方法用法实例

    jQuery中prevUntil()方法用法实例

    这篇文章主要介绍了jQuery中prevUntil()方法用法,实例分析了按条件查找匹配元素之前所有的同辈元素的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 深入了解query和params的使用区别

    深入了解query和params的使用区别

    这篇文章主要介绍了深入了解query和params的使用区别,路由传参的时候,有俩兄弟,一个叫query,一个叫parmas,你说他们俩长得也不像吧,可这用法实在是太类似了,下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下
    2019-06-06
  • 基于jQuery仿淘宝产品图片放大镜代码分享

    基于jQuery仿淘宝产品图片放大镜代码分享

    今天给大家分享一款基于jQuery淘宝产品图片放大镜代码,这是一款基于jquery.imagezoom插件实现的jQuery放大镜,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • jquery 实现二级/三级/多级联动菜单的思路及代码

    jquery 实现二级/三级/多级联动菜单的思路及代码

    jQuery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级、三级或多级联动也可以按照此方法完成,由此需求的朋友可以参考下哈,希望可以帮助到你
    2013-04-04
  • jquery zTree异步加载、模糊搜索简单实例分享

    jquery zTree异步加载、模糊搜索简单实例分享

    这篇文章主要为大家详细介绍了jquery zTree异步加载、模糊搜索简单实例,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 常用的JQuery函数及功能小结

    常用的JQuery函数及功能小结

    这篇文章主要介绍了常用的JQuery函数及功能小结 的相关资料,需要的朋友可以参考下
    2016-03-03
  • jquery京东商城双11焦点图多图广告特效代码分享

    jquery京东商城双11焦点图多图广告特效代码分享

    这篇文章主要介绍了jquery京东商城双11焦点图多图广告特效,一个精致的焦点图会吸引用户的注意力,让用户产生浏览网站的兴趣至关重要,现在小编推荐给大家一款特别棒的焦点图,感兴趣的小伙伴可以参考下。
    2015-09-09
  • jquery.Callbacks的实现详解

    jquery.Callbacks的实现详解

    这篇文章主要给大家介绍的是jQuery.Callback()的实现,这个函数常见的应用场景是事件触发机制,也就是设计模式中的观察者(发布、订阅机制),目前Callbacks对象用于queue、ajax、Deferred对象中,下面通过这篇文章来详细看看关于jquery.Callbacks实现的介绍吧。
    2016-11-11
  • Jquery基础之事件操作详解

    Jquery基础之事件操作详解

    下面小编就为大家带来一篇Jquery基础之事件操作详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jQuery实现的分页插件完整示例

    jQuery实现的分页插件完整示例

    这篇文章主要介绍了jQuery实现的分页插件,结合完整实例形式分析了jQuery分页插件的定义与使用相关操作技巧,需要的朋友可以参考下
    2020-05-05

最新评论