JavaScript自动刷新使用SetInterval不起作用



我有SharePoint使用的一些自定义JavaScript代码。我需要在加载后自动将一部分刷新。我尝试使用setInterval。这是我的功能:

define([
  'jquery',
  'knockout',
  'text!./home-page-census.html',
  'q',
  'underscore',
  'census',
  'moment',
  'sp_core',
  'bootstrap',
  '!domReady'
], function ($, ko, htmlString, Q, _, census, moment) {
    var baseUrl = _spPageContextInfo.siteAbsoluteUrl;
    function buildRequestUrl() {
        var requestUrl = baseUrl + "/_api/web/lists/GetByTitle('Census')/items?";
        var oDataSelect = "$select=Title,CensusBranch,BedAvailabilityPercentage,Modified,StatusBarColor,DisplayText,Tooltip";
        return requestUrl += oDataSelect;
    }
    function getUpdatedCensus() {
        return Q.Promise(function (resolve, reject, notify) {
            requestUrl = buildRequestUrl();
            census.getCensus(requestUrl).then(onFulfilled, onRejected);
            //setInterval(census.getCensus(requestUrl).then(onFulfilled, onRejected), 3000);
            function onFulfilled(censusResult) {
                resolve(censusResult);
            }
            function onRejected(reason) {
                reject(reason);
            }
        });
    }
    function initViewModel(viewModel) {
        getUpdatedCensus().then(onFulfilled, onRejected);
        function onFulfilled(result) {
            viewModel.censusByBranch(result);
            viewModel.isInitializing(false);
        }
        function onRejected(reason) {
            console.log(reason.message);
            console.log(reason.stack);
            viewModel.isInitializing(false);
        }
    }
    function HomePageCensusViewModel(params) {
        var self = this;
        self.isInitializing = ko.observable(true);
        self.censusByBranch = ko.observable();
        initViewModel(self);
    }
    ko.bindingHandlers.censusLastUpdatedTime = {
        update: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
            var value = valueAccessor();
            var lastUpdated = ko.unwrap(value);
            $(element).text(lastUpdated.format('M[/]DD [@] h[:]mmA'));
        }
    }
    return {
        viewModel: HomePageCensusViewModel,
        template: htmlString
    };
});

setTimeout的第一个参数需要为函数。如书面...

setInterval(census.getCensus(requestUrl).then(onFulfilled, onRejected), 3000);

... census.getCensus(...)立即被调用,返回的承诺将传递给setTimeout

将其包裹在此功能中应该有效...

setInterval(function() { census.getCensus(requestUrl).then(onFulfilled, onRejected) }, 3000);

还值得一提的是,在then中使用拒绝处理程序被认为是不良习惯。使用.then(onSuccess).catch(onRejected)

更好

相关内容

最新更新