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 对象，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
问题内容： 我正在使用Ajax访问字典REST API。 响应： 在我的测试示例中，我收到有关成功的警报。我看到的大多数Ajax示例都使用循环，但是我返回一个结果。如何从对象中提取和值？ 问题答案： 如您所见，您的回应以开头，以结束。因此，您的响应是一个数组。然后，在数组内部获得对象（以开头和结尾）。所以，你是一个数组，其可与被访问：（x是指数），并且将所选对象的每个成员可以与.DOT符号来访问，
-
本文向大家介绍AJAX XMLHttpRequest对象详解，包括了AJAX XMLHttpRequest对象详解的使用技巧和注意事项，需要的朋友参考一下 AJAX是一种创建交互式网页应用的网页开发技术，是异步Javascript和XML的集合。其核心是XMLHttpRequest对象，可以在不向服务器端提交整个页面的情况下，实现局部更新网页，它是AJAX的Web应用程序架构的一项关键技术。 基本
-
XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 创建 XMLHttpRequest 对象 所有现代浏览器（IE7+、
-
本文向大家介绍jQuery获取iframe的document对象的方法，包括了jQuery获取iframe的document对象的方法的使用技巧和注意事项，需要的朋友参考一下 获取iframe的document对象的目的就是进行dom的操作 这样输出来的结果是：document对象
-
本文向大家介绍Javascript中获取对象的原型对象的方法小结，包括了Javascript中获取对象的原型对象的方法小结的使用技巧和注意事项，需要的朋友参考一下 在Javascript中，如果我们有一个对象但是又不知道它的构造函数时，如何获取它的原型对象呢？ 在Chrome中或是FireFox浏览器中，我们可以直接使用对象的__proto__属性获取它的原型对象。 但是，__proto__属性在
-
问题内容： 我想通过jQuery AJAX拉RSS提要，但每次这样做，都会遇到parsererror。我的提要相对复杂（使用CDATA和自定义名称空间），因此我尝试剥离返回的文档（以及一百万个其他组合），但是即使使用非常简单的文档，它仍然会失败。这是我的AJAX代码： 控制台输出： 问题答案： 确保为文档提供标头为或。