调用从Ajax响应返回的JavaScript函数

一般来说,我不会质疑你的解决方案设计,即它是否适合外部化+在单独的.js文件中泛化函数等,但请注意这样的解决方案可能引发进一步的问题,特别是如果您的Ajax调用应该重复,即如果相同函数的上下文应该更改,或者如果应该关注声明的函数持久性,那么您可能应该认真考虑将您的设计更改为此线程中的建议示例之一.

最后,如果我误解了你的问题,并且你在谈论Ajax回调返回时函数的上下文调用,那么我的感觉是建议krosenvold描述的Prototype方法,因为它是跨浏览器,经过测试并且功能齐全,这可以为您提供更好的未来实施路线图.

注意:eval()很容易被滥用,假设请求被第三方拦截并向您发送不受信任的代码.然后使用eval()运行这个不受信任的代码.请参阅此处了解eval()的危险性.

在返回的HTML/Ajax/JavaScript文件中,您将拥有一个JavaScript标记.给它一个ID,比如脚本.向这些标记添加id并不常见,但需要特别引用它.

在主窗口中,然后通过仅评估新的JavaScript代码块(在本例中,它称为runscript)来调用eval函数:

eval(document.getElementById("runscript").innerHTML);

它起作用,至少在Internet Explorer 9和Google Chrome中是有效的.

它是完全可能的,甚至还有一些相当合理的用例.使用Prototype框架,它完成如下.

new Ajax.Updater('items', '/items.url', {
    parameters: { evalJS: true}
});

请参阅Ajax更新程序的文档.选项位于常用选项集中.像往常一样,关于"这个"指向的地方有一些警告,所以阅读细则.

JavaScript代码将在加载时进行评估.如果内容包含功能,myFunc(), 您可以在myFunc()事后说出来.也许如下.

if (window["myFunc"])
   myFunc()

这将检查函数是否存在.也许某人有更好的跨浏览器方式,可以在Internet Explorer 6中运行.

这似乎是一个相当奇怪的代码设计 - 通常直接从.js文件调用函数,然后只使用Ajax调用检索数据更有意义.

但是,我相信它应该通过在响应上调用eval()来工作- 只要它是语法正确的JavaScript代码.

使用jQuery,我会使用getScript