是否有一个javascript客户端库,用于排队具有存储支持的ajax请求

前端之家收集整理的这篇文章主要介绍了是否有一个javascript客户端库,用于排队具有存储支持的ajax请求前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在寻找一个javascript客户端lib来处理像这样的ajax或websocket请求队列:

>当用户在线且服务器启动时直接传输请求
>当用户离线或服务器因使用本地存储而关闭时存储请求
>当用户在线且服务器重新联机时发送存储的请求

理想情况下:

>没有jquery
>我也在寻找一个服务器端组件

我找不到这样的东西.我应该自己使用localstorage构建一个,例如window.navigator.onLine和socket.io还是已经有一些用于此目的的lib?

谢谢.

最佳答案
问题可能会被关闭,因为在StackOverflow上通常不欢迎要求库.然而,这是一个有趣的小挑战. (花了我大约15分钟才完成.)

这实际上不是一个很难处理的任务,只有50行左右.这可能就是为什么你找不到这样做的小型图书馆的原因.

function Sender() {
    var requests = [],state = 0; // 0 = closed,1 = open
        ws = new WebSocket();

    ws.onopen = function() {
        state = 1;
        if (requests.length) {
            send();
        }
    };

    ws.onerror = function() {
        if (ws.readyState !== 1) { // 1 is "OPEN"
            close();
        }
    };

    // Let's fill in the requests array if necessary
    // IIFE because I don't want to pollute the scope with `req`
    (function() {
        var req = JSON.parse(localStorage.get('queue'));
        if (req.length) {
            requests = requests.concat(req);
        }
    }());

    return {
        send: function(msg) {
            if (state === 0) {
                requests.push(msg);
            }
            else {
                send();
            }
        },close: function() {
            state = 0;
            localStorage.set('queue',JSON.stringify(requests));
        }
    };

    function send() {
        var done = false;
        while (!done) {
            if (state === 1) {
                ws.send(requests.pop());
                if (!requests.length) {
                    done = true;
                }
            }
            else {
                done = true;
            }
        }
    }
}

// Usage example
var sender = Sender();
sender.send('message');

// let's say your "disconnect" button is in a variable
disconnect.addEventListener('click',function() {
    sender.close();
},false);

除正常请求外,服务器不必处理任何事情.如果需要,可以为发送的消息添加时间戳,这样可以很容易地(2行左右)跟踪时间.

猜你在找的Ajax相关文章