上传数据时 ajax请求成功 上传完成,AJAX上传数据（显示进度条）

导入数据

//加载完成后执行

$(document).ready(function () {

//为上传按钮添加点击事件

$("#btnUpload").click(function () {

//创建异步请求对象

var xhr = new XMLHttpRequest();

//创建form对象

var formData = new FormData();

//获取数据类型参数

var dataType = $("#dataType").val();

//获取文件名及文件本身

var fileName = $("#fileUpload").val(); //文件名

var file = $("#fileUpload").get(0).files[0]; //文件本身

//判断文件是否为空，若为空，则提示并返回

if(file == null){

alert("请先选择要上传的文件。");

return;

}

//将文件添加到form表单中

formData.append("file", $("#fileUpload").get(0).files[0]);

formData.append("dataType", dataType);

//问上传添加进度处理函数

xhr.upload.onprogress = function (event) {

//计算上传进度百分比

var percentComplete = Math.round(event.loaded * 100 / event.total);

//显示百分比效果

$("#progressUpload").val(percentComplete).show();

}

//添加状态相应处理函数

xhr.onreadystatechange = function () {

//如果响应成功

if(xhr.readyState == 4 && xhr.status == 200){

//处理响应结果

/* $("#progressUpload").fadeOut("slow", function(){

//显示结果

$("#lblMessage").html(xhr.responseText);

}); */

}

}

//响应成功处理函数

xhr.onload = function (e) {

if(this.readyState == 4 && this.status == 200){

//隐藏进度条

//处理响应结果

$("#progressUpload").fadeOut("slow", function(){

//显示结果

$("#lblMessage").show().html("上传完成！");

});

}

}

//开始发送数据时

xhr.onloadstart = function () {

$("#progressUpload").hide();

$("#lblMessage").hide();

}

//超时处理

xhr.ontimeout = function (e) {

$("#message").html("sorry,连接超时了！");

}

//错误处理

xhr.onerror = function (e) {

$("#message").html("sorry,连接出错了！");

}

//打开连接请求

xhr.open("POST","test_save",true);

//发送数据

xhr.send(formData);

});

});

批量导入数据

教师信息

外聘教师信息

课程信息

班级信息

学生信息

成绩信息

教学任务

专业信息

开课计划