hyx
2019-02-27 13:35:29
336次
$.ajax({
url: "index.php?c=datas&a=one_table_to_two", //请求的url地址
dataType: "json", //返回格式为json
async: true, //请求是否异步,默认为异步,这也是ajax重要特性
data: data ,//参数值
type: "GET", //请求方式
// processData: true, //对表单data数据是否进行序列化
contentType: false, //dataType设置你收到服务器数据的格式
success: function() { //ajax进度条
var xhr = $.ajaxSettings.xhr();
$("#main_content p").text("请求成功,正在处理中……");
if (xhr.upload.onprogress && xhr.upload) {
xhr.upload.addEventListener("progress", progressBar, false);
return xhr;
}
},
beforeSend: function() {
$("#container").show();
//请求前的处理
},
complete: function() {
$("#main_content p").text("加载完成!");
//请求完成的处理
},
error: function() {
$("#main_content p").text("操作有误,请重试!");
//请求出错处理
}
});
/**
* 侦查附件上传情况,这个方法大概0.05-0.1秒执行一次
*/
function progressBar(evt) {
var loaded = evt.loaded; //已经上传大小情况
var tot = evt.total; //附件总大小
var per = Math.floor(100 * loaded / tot); //已经上传的百分比
//$.fn.progressInit.draw(per + '%'); //绘制经度条
console.log(evt);
console.log(per);
$('#progress_bar .ui-progress').animateProgress(per, function() {});
}