jQuery ajax 标准写法及进度条绘制

$.ajax({
url: "http://www.microsoft.com", //请求的url地址
dataType: "json", //返回格式为json
async: true, //请求是否异步,默认为异步,这也是ajax重要特性
data: {
"id": "value"
}, //参数值
type: "GET", //请求方式
processData: false, //对表单data数据是否进行序列化
contentType: false, //dataType设置你收到服务器数据的格式
xhr: function() { //ajax进度条
var xhr = $.ajaxSettings.xhr();
if (onprogress && xhr.upload) {
xhr.upload.addEventListener("progress", progressBar, false);
return xhr;
}
},
beforeSend: function() {
//请求前的处理
},
success: function(req) {
//请求成功时处理
},
complete: function() {
//请求完成的处理
},
error: function() {
//请求出错处理
}
});

下面是ajax进度条执行的方法

/**
* 侦查附件上传情况,这个方法大概0.05-0.1秒执行一次
*/
function progressBar(evt) {
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100 * loaded / tot); //已经上传的百分比
//这里可以绘制进度条
}

最新文章

  1. BZOJ 2048 题解
  2. Nancy之Forms authentication的简单使用
  3. video标签无法使用的问题
  4. 远哥教你MuleESB系列视频教程
  5. CDOJ 483 Data Structure Problem DFS
  6. 1009. Product of Polynomials (25)
  7. mongodb3.0 性能測试报告 一
  8. Codeforces#360Div2
  9. JVM(一) OpenJDK1.8源码在Ubuntu16.04下的编译
  10. Quartz2.2.x官方教程
  11. MySQL 和 JDBC(Java数据库连接)
  12. 二, 字符串和编码之 python 格式化
  13. .net core consul 服务配置 服务发现 服务健康检测 服务变更加载
  14. tqdm介绍及常用方法
  15. HTML+CSS 对于英文单词强制换行但不截断单词的解决办法
  16. LinkedList源码分析和实例应用
  17. Luogu P2473 [SCOI2008]奖励关
  18. BZOJ2957: 楼房重建(分块)
  19. Flask 的系统学习
  20. webpack中使用vue

热门文章

  1. sqlserver 脚本和批处理指令小结
  2. html5 上传头像示例及其注意事项
  3. (转)IOS崩溃 异常处理(NSSetUncaughtExceptionHandler)
  4. 原生JavaScript写AJAX
  5. spring多数据源事务配置
  6. Django 请求生命周期【图示】
  7. docker介绍和简单使用
  8. ABAP f4帮助输入多个值
  9. python2 和 pyhton3 输入语句写法
  10. 解决eclipse不识别Android手机的问题