javascript-使用RxJS将多个ajax请求转换为Observable

我正在为某些事情而苦苦挣扎-我猜这意味着我误解了,并且正在做一些愚蠢的事情

我有一个可观察的对象,需要使用它来创建一些对象,将其发送到服务器进行处理,将服务器的结果与我发送的对象进行合并,然后将其转换为可观察对象,因此我想做的(我认为)就像

var theNewObservable = my.observable.things.select(function(thing) {
            var dataToSend = generateMyJavascriptObjectFrom(thing);
            var promise = $.ajax({
                type: 'POST',
                url: http://somewhere.com,
                data: dataToSend
            }).promise();

            return rx.Observable.fromPromise(promise).subscribe(function(data, status, jqXHR) {
                var infoFromServer = jqXHR.getResponseHeader('custom-header-returned');
                    // I'm wanting this to be the thing other code can subscribe to
                return { infoFromServer: dataToSend };
            }, function(err) {
                alert('PC LOAD LETTER!');
                console.error(err);
            });
        }
});

theNewObservable.subscribe(function(combinedInfo) { console.log(combinedInfo) };

我期望{infoFromServer:dataToSend}在哪里,我得到了一个AutoDetachObserver,我看到它具有一个带有ajax onSuccess签名的onNext,所以我显然在做一些愚蠢的事情

解决方法:

有几件事应该有所帮助:

1)订阅方法是一种终端方法,因为它不会返回任何内容.它是观察者附加的位置,因此订阅后不应有进一步的数据传播

2)订阅的onNext方法只能采用一个值,您需要将所有消息数据都包装在其中.

由于jQuery的Promise在此方面表现不佳,因此您有两个选择.首先,可以将RX-DOM项目用于Observable ajax版本.否则,您将需要包装promise方法.如果您还需要等待响应,则应改用selectMany,它可以让您解除承诺,然后等待其返回并将响应映射到原始请求.

var theNewObservable = my.observable.things
          //Preprocess this so that `selectMany` will use 
          //dataToSend as the request object
          .map(function(thing) { return generateMyJavascriptObjectFrom(thing); })
          .selectMany(function(dataToSend) {
            var promise = $.ajax({
                type: 'POST',
                url: http://somewhere.com,
                data: dataToSend
            }).promise();

            //Rewrap this into a promise that RxJS can handle
            return promise.then(function(data, status, jqXHR) {
              return {data : data, status : status, jqXHR : jqXHR};
            });
          }, function(request, response) {
            return {
                    infoFromServer : response.jqXHR.getResponse('custom-header'),
                    dataToSend : request
                   };
          });

theNewObservable.subscribe(
  function(combinedInfo) { 
    console.log(combinedInfo) 
  },
  function(err) {
    alert('PC LOAD LETTER!');
    console.error(err);
  });
上一篇:javascript-有没有一种方法可以创建由方法调用触发的可观察序列,而无需使用Subject?


下一篇:javascript-过滤窗口上的事件与DOM节点上的单个事件