快捷導(dǎo)航

jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法

更新時(shí)間：2016年08月25日 16:40:12 作者：a519640026

這篇文章主要介紹了jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

廢話不多說了，關(guān)鍵代碼如下所示：

<script> 
$('.screenshot_input').change(function (){ 
//獲取file對(duì)象 即相當(dāng)于可以直接post的$_FILES數(shù)據(jù) 
var domFile = $(this)[0].files[0] 
var domForm = $('#testForm')[0] 
//將form對(duì)象直接作為參數(shù) new FormData對(duì)象 
var formData = new FormData(domForm); 
//追加file 對(duì)象 
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(){ //這是關(guān)鍵 獲取原生的xhr對(duì)象 做以前做的所有事情 
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測(cè)試.apk 
[type] => application/vnd.android.package-archive 
[tmp_name] => /tmp/php4Jxt0c 
[error] => 0 
[size] => 6476627 
) 
)

一次過把form表單和 file 對(duì)象發(fā)送到PHP后端controller 處理起來非常方便。

以上所述是小編給大家介紹的jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

jQuery Ajax全解析
本文主要介紹了Ajax基本概念；Ajax的異步加載局部刷新功能的實(shí)現(xiàn)；通過XMLHttpRequest發(fā)送請(qǐng)求。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
JQuery點(diǎn)擊按鈕跳轉(zhuǎn)頁面的方法
這篇文章主要介紹了JQuery點(diǎn)擊按鈕跳轉(zhuǎn)頁面的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-12-12
利用JQuery實(shí)現(xiàn)datatables插件的增加和刪除行功能
這篇文章給大家介紹了jquery實(shí)現(xiàn)datatables插件的增加和刪除行的功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01
jquery div拖動(dòng)效果示例代碼
div拖動(dòng)效果想必大家都有見到過吧，實(shí)現(xiàn)的方法也是有很多的，下面為大家將介紹使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過
2013-12-12
jQuery實(shí)現(xiàn)簡(jiǎn)單的點(diǎn)贊效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的點(diǎn)贊效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-01-01
jquery.onoff實(shí)現(xiàn)簡(jiǎn)單的開關(guān)按鈕功能(推薦)
這篇文章主要介紹了jquery.onoff實(shí)現(xiàn)簡(jiǎn)單的開關(guān)按鈕功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-05-05
jquery獲取select選中值的方法分析
這篇文章主要介紹了jquery獲取select選中值的方法,結(jié)合實(shí)例詳細(xì)分析了jQuery獲取select選中項(xiàng)option文本值及value值的方法,同時(shí)給出了JavaScript獲取select選中項(xiàng)的技巧,需要的朋友可以參考下
2015-12-12
JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
從前面的示例中不難看出validate中自帶的驗(yàn)證方法足以滿足一般的要求，對(duì)于特別的要求可以使用addMethod(name,method,message)添加自定義的驗(yàn)證規(guī)則，下面的示例中添加了一個(gè)用于正則表達(dá)式驗(yàn)證的擴(kuò)展驗(yàn)證的方法
2011-09-09
jQuery彈出層插件簡(jiǎn)化版代碼下載
2008-10-10
jQuery實(shí)現(xiàn)模擬搜索引擎的智能提示功能簡(jiǎn)單示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)模擬搜索引擎的智能提示功能,結(jié)合實(shí)例形式分析了jQuery基于事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)的模擬搜索提示相關(guān)操作技巧,需要的朋友可以參考下
2019-01-01