0

jQuery ajax 呼び出しと同様の方法でプロセスの結果を処理できるようにする JavaScript プロトタイプを作成しようとしています。例えば：

var request = $.ajax({
    //params here
})
.done(function(data, textStatus, jqXHR) {
    //action here
})
.fail(function (jqXHR, textStatus, errorThrown) {
    //action here
});

doneプロトタイプにandイベントがあることを宣言しfail(それが正しい用語である場合でも)、プロトタイプ ロジック内の条件でそれらが起動されるようにするにはどうすればよいでしょうか?

私の希望する呼び出しは次のようなものです：

var o = myObj({
    parma1: 'a',
    param2: 'b'
})
.done(function() {
    //action here
});
.fail(function() {
    //action here
});

このプロセスの正しい用語がわからないので、これが理にかなっていることを願っています:(

私はjQueryを使用しているので、jQueryを使用したより良い解決策があればそれで問題ありません。

4

1 に答える 1

1

これを非同期タスクに使用したいと思います。これはやや似た解決策です：

var o = {
    parma1: 'a',
    param2: 'b',
    doAsyncStuff: function(complete, error){

        var someData = 0;        

        setTimeout(function(){
            someData = 1;
            complete(someData);
        }, 500);

        //or if something went wrong:
        //error(someErrorData);
    }
}

o.doAsyncStuff(function(data){
    console.log('complete', data);
}, function(data){
    console.log('error', data);
});

http://jsfiddle.net/pA99q/1/

要求に応じて、遅延オブジェクトを使用した更新バージョン。progress必要な場合に備えて、自由に含めることもできました。

var task = (function($){

    var dfd = $.Deferred(),
        cls = function(){

            console.log('param passed:', arguments);

            for(var i = 0; i < 5; i++){

                var count = 0;

                setTimeout(function(){   

                    count++;

                    dfd.notify({ msg: 'interation ' + count + ' complete' });

                    if(count === 5)
                        dfd.resolve({ something: 1 });

                    //if anything goes wrong, 
                    //you can always reject the deferred:
                    //dfd.reject(args); 

                }, 1000 * i);

            }
        };

    cls.prototype = {
        done: dfd.promise().done,
        fail: dfd.promise().fail,
        always: dfd.promise().always,
        progress: dfd.promise().progress
    };

    return cls;

})(jQuery);

var t = new task({ foo: 'bar' }, 123, 'baz');

t.progress(function(data){
    console.log('progress:', data);
}).done(function(){
    console.log('done');
}).fail(function(){
    console.log('fail');
}).always(function(){
    console.log('always');
});

http://jsfiddle.net/hGFbt/

于 2013-09-13T14:12:25.670 に答える