jQuery ajax 标准写法及进度条绘制
2024-08-29 12:10:05
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); //已经上传的百分比
//这里可以绘制进度条
}
最新文章
- BZOJ 2048 题解
- Nancy之Forms authentication的简单使用
- video标签无法使用的问题
- 远哥教你MuleESB系列视频教程
- CDOJ 483 Data Structure Problem DFS
- 1009. Product of Polynomials (25)
- mongodb3.0 性能測试报告 一
- Codeforces#360Div2
- JVM(一) OpenJDK1.8源码在Ubuntu16.04下的编译
- Quartz2.2.x官方教程
- MySQL 和 JDBC(Java数据库连接)
- 二, 字符串和编码之 python 格式化
- .net core consul 服务配置 服务发现 服务健康检测 服务变更加载
- tqdm介绍及常用方法
- HTML+CSS 对于英文单词强制换行但不截断单词的解决办法
- LinkedList源码分析和实例应用
- Luogu P2473 [SCOI2008]奖励关
- BZOJ2957: 楼房重建(分块)
- Flask 的系统学习
- webpack中使用vue