ajax参数xhrfields,使用xhrFields可以将进度功能添加到jQuery.ajax（）中吗？

简短的回答：

不，你不能这样做，你想用什么xhrFields。

龙答：

有一个XmlHttpRequest对象两份进度事件：

响应研究的进展(XmlHttpRequest.onprogress)

这是当浏览器下载从数据服务器。

请求进度(XmlHttpRequest.upload.onprogress)

这是当浏览器发送数据到服务器(包括POST参数，Cookie和文件)

在你的代码使用响应进度事件，但您需要的是请求进度事件。这是你如何做到这一点：

$.ajax({

async: true,

contentType: file.type,

data: file,

dataType: 'xml',

processData: false,

success: function(xml){

// Do stuff with the returned xml

type: 'post',

url: '/fileuploader/' + file.name,

xhr: function(){

// get the native XmlHttpRequest object

var xhr = $.ajaxSettings.xhr() ;

// set the onprogress event handler

xhr.upload.onprogress = function(evt){ console.log('progress', evt.loaded/evt.total*100) } ;

// set the onload event handler

xhr.upload.onload = function(){ console.log('DONE!') } ;

// return the customized object

return xhr ;

}

});

的xhr选项参数必须是返回jQuery来使用原生XMLHttpRequest对象的。

ajax参数xhrfields,使用xhrFields可以将进度功能添加到jQuery.ajax（）中吗？相关推荐

织梦ajax表单提交参数错误,【织梦二次开发】织梦jquery+ajax方式提交自定义表单...
我们在dedecms教程中学到很多,比如可以借助jquery ajax提交dedecms自定义表单到后台.此例只做为参考,实际项目中根据自己的情况酌情修改. html部分: 姓名: 电话: 留言: j ...
jsp ajax动态添加数据,jquery Ajax实现Select动态添加数据
jquery Ajax实现Select动态添加数据,具体内容如下 1.背景最近在工作中,遇到了一个关于select的问题.一般情况下,select下拉框中的数据都是固定的或者直接在jsp中读取列表值 ...
不同服务器怎么响应ajax,如何从服务器获得响应而无需刷新和使用JQuery/AJAX？
是否有任何"正确"的方式来获得服务器的响应,而不使用JQuery/AJAX,当然没有刷新页面? server.js:如何从服务器获得响应而无需刷新和使用JQuery/AJAX? v ...
ajax加载vue数据,详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
整理文档,搜刮出一个使用vue.js结合jquery ajax加载数据的两种方式的代码,稍微整理精简一下做下分享. 废话不多说,直接上代码 html代码 demo {{message }} 测试jqu ...
ajax的添加方法,jQuery - AJAX load（）方法如何添加2多变量
我有这段代码.我需要添加一个sub_season var.如何添加更多的var?我在谷歌托盘看,但没有结果. 谢谢你,如果你帮我!jQuery - AJAX load()方法如何添加2多变量 echo ...
ajax 进度条 php,php – Jquery :: Ajax提供进度条？
您可以通过.html()将动画gif加载到结果区域,直到ajax函数返回结果.只是一个想法关于jquery ui进度条,间歇地通过你的脚本,你会想要一个表示完成百分比的数值作为一个赋值的javasc ...
ajax返回304,正确的方法来处理304未在jQuery ajax中修改
从jQuery 1.5开始,根据XMLHTTPRequest的W3C规范,ajax方法现在可以通过调用success()处理程序正确处理304 Not Modified响应.这允许您的应用程序将请求视 ...
JQuery.Ajax()的data参数类型
JQuery.Ajax()的data参数类型 2017年9月14日:补充JQuery.Ajax()的数据类型本文以前提到的三种类型,这三种参数本质上都是变成了类似"uname=alice& ...
java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程
摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...

ajax参数xhrfields,使用xhrFields可以将进度功能添加到jQuery.ajax（）中吗？

ajax参数xhrfields,使用xhrFields可以将进度功能添加到jQuery.ajax（）中吗？相关推荐

最新文章

热门文章