用ajax加载内容后执行javascript函数[重复]

Posted 2023-02-27

【中文标题】用ajax加载内容后执行javascript函数[重复]

【英文标题】：execute javascript function after load content with ajax [duplicate]

【发布时间】：2019-09-30 09:19:45

【问题描述】：

我有一个 html 仪表板页面，我使用 ajax 将其他内容加载到其中。一切正常，它显示了我的其他页面，但问题是在它加载新内容后，我在新页面中的 javascript 代码不起作用

这是我在仪表板页面中的 div

<div id="ajax_load">

</div>

这是我的 ajax 代码

$(document).ready(function() 
    $("#ajax_load").load("./profile.html");
);

这是我的档案页面

<h1>hi</h1>
<script>
$(document).ready(function() 
    alert('hi');
 );

</script>

问题是配置文件页面中的警报在加载后不起作用

【问题讨论】：

查看jQuery .load() call doesn't execute JavaScript in loaded HTML file

【参考方案1】：

将脚本从页面（内联脚本）移至单独的 js 文件。

【参考方案2】：

如果您尝试使用 Firefox 或 Microsoft Edge 打开仪表板页面，您会发现一切正常，我认为问题是 CORS 问题（因为您尝试在本地加载），您可以在此处阅读更多内容

AJAX request to local file system not working in Chrome?

要在 Chrome 中运行此 AJAX 请求，您需要向网络服务器发出请求。如果您使用的是 Windows，则可以轻松地在本地计算机上安装 IIS 或 WAMP。