ilopx/jquery-ajax-progress

一个简单的补丁，为 jQuery Ajax 调用添加一个 'progress' 回调

维护者

详情

github.com/ilopX/jquery-ajax-progress

源代码

安装: 10

依赖: 0

建议者: 0

安全: 0

星标: 3

关注者: 2

分支: 83

语言:JavaScript

1.2.1 2015-08-23 21:57 UTC

Requires

Requires (Dev)

MIT 5c06e0662811a98c58a26a6c9de27537e7e4c62e

  • englercj <chad.woop@pantherdev.com>
  • ilopX <ilopX.woop@ukr.com>
  • snoj <josh.woop@snoj.us>
  • RaphaelDDL <ddl.woop@raphaelddl.com>

This package is not auto-updated.

Last update: 2024-10-02 11:01:36 UTC

README

一个简单的 jQuery 补丁，通过使用 XHR.onProgress 事件来调用 'progress' 回调

视频演示

Video Demo

安装和使用

a. CDN

jquery.ajax-progress.js 或 jquery.ajax-progress.min.js

在您的页面上包含脚本

<script src="https://cdn.rawgit.com/ilopX/jquery-ajax-progress/master/dist/jquery.ajax-progress.js"></script>

或者

<script src="https://cdn.rawgit.com/ilopX/jquery-ajax-progress/master/dist/jquery.ajax-progress.min.js"></script>

b. 安装

bower install ilopx-jquery-ajax-progress

composer require ilopx/jquery-ajax-progress

使用简单模板脚本

template.js

$(function() {
    $.ajax({
        method: 'GET',
        url: '', // TODO: add url
        data: {
            // TODO: add data
        },
        success: function() {
            // TODO add message all ok
        },
        error: function() {
            // TODO add message error
        },
        progress: function(e) {
            if(e.lengthComputable) {
                var progress = e.loaded / e.total * 100;
                var content = e.srcElement.responseText;
            }
            else {
                // TODO add message error 'Content Length not reported!';
            }
        }
    });
});

注意