在 jquery 中使用 JSON 数据设置动态回退

Question

我正在尝试从 ajax jsonp 调用动态设置回退函数，但它似乎不起作用 - 实际上我不太确定它是否可能 - 至少我相信我我做错了。

我有这个

 var GetFacebookData = function (data) {

        var dates = [{ "date_from": data.date_from, "date_to": data.date_to }]

        $.each(data.datatypes, function (i, index) {

            this.fbcallback[data.datatypes[i]["id"]] = function () {
                LoadFacebookData(dates, data.datatypes["id"]);
            }

            $.ajax({
                url: 'http://localhost:59380/' + data.datatypes[i]["urlfile"] + '.php?jsonp=fbcallback' + data.datatypes[i]["id"],
                method: 'GET',
                dataType: 'jsonp',
                jsonp: 'fbcallback',
                data: { "lpage": _bankArea, "hashed_token": CryptoJS.MD5("454545").toString(), "date_from": data.date_from, "date_to": data.date_to },
            });

        });
    }

我用这个调用函数

 GetFacebookData({ date_from: _datefrom, date_to: _dateto, datatypes: [{ id: "moedsparnord", urlfile: "index" }, { id: "studiepakken", urlfile: "fb_studiedata" }] });

我刚收到

Uncaught TypeError: Cannot set property 'moedsparnord' of undefined

整个概念是我需要运行 GetFacebookData多次执行不同的数据。

  /*** LOAD FETCHED DATA AS JSON ***/
    var LoadFacebookData = function (dates, id) {

        _dateLoader.hide();

        $('.date-box form').slideUp(750, 'easeOutBack');

        var pages = [];

        this.loadcallback = function (data) {

            var len = data["campaignData"].length;

            $.each(data["campaignData"], function (index, value) {

                $('#' + id + '-' + value["campaign"]["campaignId"]).find(".facebook").text(AddDecimal(value["campaign"]["campaignReach"]));
                $('#' + id + '-' + value["campaign"]["campaignId"]).find(".facebook").attr("data-spend", value["campaign"]["campaignSpend"]);

                if (index != len) {
                    pages[index] = [value["campaign"]["campaignId"], value["campaign"]["campaignSpend"]];
                }

            });

            var string = $('#' + id + ' .total-facebook').text().replace(/,/g, '');

            $("#" + id + " .total-facebook").countTo({
                from: parseFloat(string),
                to: data["totalReach"],
                decimals: 0,
                formatter: function (value, options) {

                    return value.toFixed(options.decimals).replace(/\B(?=(\d{3})+(?!\d))/g, ".");
                },
            });

            MSNLeadData([{ date_from: dates[0]["date_from"], date_to: dates[0]["date_to"] }, pages]);
            StudieLeadData([{ date_from: dates[0]["date_from"], date_to: dates[0]["date_to"], pages }]);
        }

        $.ajax({
            url: 'http://localhost:59380/loaddata.php?jsonp=loadcallback',
            method: 'GET',
            dataType: 'jsonp',
            jsonp: 'loadcallback',
            data: { "lpage": _bankArea, "hashed_token": CryptoJS.MD5("454545").toString(), "datatype": id },

        });
    }

Answer 1

函数 fbcallback['...'] 应该是全局的。

尝试在循环中使用这段代码。

...
var callbackName = 'fbcallback-' + data.datatypes[i]["id"];
window[callbackName] = function () {
            LoadFacebookData(dates, data.datatypes["id"]);
}
...
 $.ajax({
            url: 'http://localhost:59380/' + data.datatypes[i]["urlfile"] + '.php',
            method: 'GET',
            dataType: 'jsonp',
            jsonp: callbackName,
            data: { "lpage": _bankArea, "hashed_token": CryptoJS.MD5("454545").toString(), "date_from": data.date_from, "date_to": data.date_to },
        });

并且 LoadFacebookData 回调方法内部也应该是全局的 (window.loadcallback)。

在 jquery 中使用 JSON 数据设置动态回退

Setting dynamic fallback in jquery each with JSON data

javascript

ajax

jquery

json

jsonp