能否通过AJAX返回函数？请求服务器返回JS函数并调用的技术问询

云上老周

2026-8-10

能否通过AJAX返回函数并直接调用？

可以实现，但不能直接像你写的那样用response('hello')调用——因为服务器返回的是字符串形式的JavaScript代码，需要先将其转换为可执行的函数，以下是几种可行方案：

方案1：使用`eval()`执行代码

这种方式最直接，但要注意安全风险：eval会执行任意传入的代码，如果服务器返回的内容不可信，可能引发XSS攻击。

前端代码：

$.ajax({
    type: 'POST', 
    url: 'url/url', 
    success: function(response){ 
        // 执行服务器返回的代码，将myFunc注入当前作用域
        eval(response);
        // 调用函数
        myFunc('hello');
    }
});

方案2：利用`Function`构造函数转换

如果服务器返回的是函数体本身（而非完整的变量声明），可以用Function构造函数更安全地生成函数：

服务器端调整返回内容：

res.send("(b) => { console.log(b) }");

前端处理代码：

$.ajax({
    type: 'POST', 
    url: 'url/url', 
    success: function(response){ 
        // 将字符串转换为可执行函数
        const myFunc = new Function(`return ${response}`)();
        myFunc('hello');
    }
});

如果服务器必须返回完整的变量声明，也可以提取函数部分，但不如直接返回函数体高效。

方案3：更安全的JSON约定方案

为了避免直接执行未知代码的风险，建议服务器返回JSON格式的函数描述信息，由前端自主构建函数：

服务器端返回JSON：

res.send(JSON.stringify({
    params: ["b"],
    code: "console.log(b)"
}));

前端处理代码：

$.ajax({
    type: 'POST', 
    url: 'url/url', 
    dataType: 'json', // 指定接收JSON格式
    success: function(response){ 
        // 根据参数和代码字符串构建函数
        const myFunc = new Function(response.params, response.code);
        myFunc('hello');
    }
});