一旦达到404,你如何中止正在发出AJAX请求的Bacon.js属性?

时间:2013-09-11 20:11:04

标签: javascript bacon.js

我有一些Property正在使AJAX请求着火。但是,一旦达到404个案例,我想终止此流,但我不知道该怎么做。以下是代码:

// load :: EventStream (Int -> Int)
load = $("#loadimg")
    .asEventStream("click")
    .map(function(e){ return function(x){ return x + 1 }})

// loadP :: Property Int
loadP = load.scan(1, function(x,f){ return f(x) })

// loadImg :: Property (HttpRequest -> Either String String)
loadImg = loadP
    .flatMapLatest(function(i){ return Bacon.fromPromise(imgLoader(i) )})
    .mapError("")

// imgLoader :: Int -> HttpRequest String
imgLoader = function(id){

    // pretend src, root and fmt are global variables
    var url = src + root + id + fmt

    return $.ajax({ 
        type   : "GET",
        url    : url,
    })
    .then(function(ys){ return url })

}

// EventStreamT (State Dom) String
loadImg.onValue(function(url){

    if (url.length == 0) return url        
    else return appendImg("#imgs", "name", url);

})

将这个“中止培根属性”代码放在副作用所在的最后一个函数中是没有意义的,但我还能在哪里测试404个案例?我将如何终止该线程?

2 个答案:

答案 0 :(得分:2)

在Bacon.js 0.6.17中,你可以将谓词函数传递给endOnError,这样就可以了

loadImg = loadP     .flatMapLatest(function(i){return Bacon.fromPromise(imgLoader(i))})     .endOnError(function(error){return error.status == 404})

答案 1 :(得分:1)

您可以简单地说.endOnError()而不是.mapError("")来结束任何错误。

如果您需要针对每种错误类型进行更具体的处理,则可以执行

loadImg404 = loadImg.mapError(".status").filter(function(status) { return status==404 })
...
loadImg.takeUntil(loadImg404).onValue(..)