Question

当我要求时

BASE_URL +'json / valueone？callback = fnCallBack0'

来自服务器的响应在回调函数中处理。此函数接收（ASYNCHRONOUS）数据（JSON格式）但不包含初始参数“valueone”

var BASE_URL = ...
function fnCallBack(data){
    if (data != null) {
    // HERE...I NEED ID <====================
    // arguments.callee.caller <==================== dont work
        console.log('information', data);
    }
}

// onclick callback function.
function OnClick(info, tab) {
    var arrH = ['valueone', 'valuetwo'];
    arrH.forEach(function(value) {
        var scrCallBack = document.createElement('script');
        scrCallBack.src = BASE_URL + 'json/' + value + '?callback=fnCallBack';
        //BASE_URL + 'json/one?callback=fnCallBack0';
        document.body.appendChild(scrCallBack);
    });

我的解决方案是创建一个中间函数相关名称（fnCallBack0，fnCallBack1，...），全局数组和计数器。工作正常，但这不是OOP，是一种软糖。

var BASE_URL = ...
//global array
var arrH = [];

var fnCallBack0 = function(data){
    fnCallBack(data, '0');
}
var fnCallBack1 = function(data){
    fnCallBack(data, '1');
}

function fnCallBack(data, id){
    if (data != null) {
        console.log('information', data + arrH[id]);
    }
}

// onclick callback function.
function OnClick(info, tab) {
    var i = 0;
    arrH = ['valueone', 'valuetwo'];
    arrH.forEach(function(value) {
        var scrCallBack = document.createElement('script');
        scrCallBack.src = BASE_URL + 'json/' + value + '?callback=fnCallBack' + (i++).toString();
        //BASE_URL + 'json/one?callback=fnCallBack0';
        document.body.appendChild(scrCallBack);
    });
chrome.contextMenus.create({
    title: '%s',
    contexts: ["selection"],
    onclick: function(info) {console.log(info.selectionText)}
});

var idConsole = chrome.contextMenus.create({
    title: 'console',
    contexts: ["selection"],
    onclick: OnClick
});

我尝试将注入函数作为html页面中的代码，但我收到了“内联安全错误”以及许多类似的问题。

请，没有AJAX，也没有jQuery。

这是我的第一篇文章和我的第一个Chrome扩展程序谢谢你提前。

Answer 1

我没有看到这与OOP有什么关系，但解决方法是动态创建回调函数，以便您可以使用闭包来传递正确的数据：

function fnCallBack(data, value){
    if (data != null) {
        console.log('information', data + value);
    }
}

// onclick callback function.
function OnClick(info, tab) {
    ['valueone', 'valuetwo'].forEach(function(value, index) {
        // unique function name
        var functionName = 'fnCallback' + index + Date.now(); 

        window[functionName] = function(data) {
            fnCallBack(data, value);
            delete window[functionName]; // clean up
        };

        var scrCallBack = document.createElement('script');
        scrCallBack.src = BASE_URL + 'json/' + value + '?callback=' + functionName;
        document.body.appendChild(scrCallBack);
    });
}

在JavaScript中识别回调（JSON）函数的调用者（或传递参数）

1 个答案: