jQuery与PHP实现带进度的操作

hyx 2018-08-21 16:12:23 73次 0
$.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() {});
                }

发表评论

注:*为必填

回复 的评论
*
选择
*
*