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 Ajax全解析

    jQuery Ajax全解析

    本文主要介绍了Ajax基本概念;Ajax的异步加载局部刷新功能的实现;通过XMLHttpRequest发送请求。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JQuery点击按钮跳转页面的方法

    JQuery点击按钮跳转页面的方法

    这篇文章主要介绍了JQuery点击按钮跳转页面的实现方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 利用JQuery实现datatables插件的增加和删除行功能

    利用JQuery实现datatables插件的增加和删除行功能

    这篇文章给大家介绍了jquery实现datatables插件的增加和删除行的功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-01-01
  • jquery div拖动效果示例代码

    jquery div拖动效果示例代码

    div拖动效果想必大家都有见到过吧,实现的方法也是有很多的,下面为大家将介绍使用jquery是如何实现的,感兴趣的朋友不要错过
    2013-12-12
  • jQuery实现简单的点赞效果

    jQuery实现简单的点赞效果

    这篇文章主要介绍了jQuery实现简单的点赞效果的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • jquery.onoff实现简单的开关按钮功能(推荐)

    jquery.onoff实现简单的开关按钮功能(推荐)

    这篇文章主要介绍了jquery.onoff实现简单的开关按钮功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-05-05
  • jquery获取select选中值的方法分析

    jquery获取select选中值的方法分析

    这篇文章主要介绍了jquery获取select选中值的方法,结合实例详细分析了jQuery获取select选中项option文本值及value值的方法,同时给出了JavaScript获取select选中项的技巧,需要的朋友可以参考下
    2015-12-12
  • JQuery扩展插件Validate 5添加自定义验证方法

    JQuery扩展插件Validate 5添加自定义验证方法

    从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例中添加了一个用于正则表达式验证的扩展验证的方法
    2011-09-09
  • jQuery实现模拟搜索引擎的智能提示功能简单示例

    jQuery实现模拟搜索引擎的智能提示功能简单示例

    这篇文章主要介绍了jQuery实现模拟搜索引擎的智能提示功能,结合实例形式分析了jQuery基于事件响应及页面元素属性动态操作实现的模拟搜索提示相关操作技巧,需要的朋友可以参考下
    2019-01-01

最新评论