用jQuery / Ajax加载内容
[英]loading content with jQuery / Ajax
问题描述
我正在编写一个小的代码段。
问题：我想要几个按钮，单击后即可使用ajax将内容加载到div中。
我可以说图像和文字使它工作得很好。 但是无法加载CSS和JS。
示例：索引页：
<input type="button" onclick="example_ajax_request()" value="Click Me!" /> | <input type="button" onclick="example_ajax_request2()" value="Or Me!" />
<div id="example-placeholder">
<p>Placeholding text</p>
</div>
<script type="text/javascript">
function example_ajax_request() {
$('#example-placeholder').html('<p><img src="images/loader.gif" width="220" height="19" /></p>');
$('#example-placeholder').load("fat.html");
}
</script>
<script type="text/javascript">
function example_ajax_request2() {
$('#example-placeholder').html('<p><img src="images/loader.gif" width="220" height="19" /></p>');
$('#example-placeholder').load("joined_today.html");
}
</script>
页面join_today.html是仅包含完整内容的网页（其中包含div元素），并且使AMCHARTS保持空白。 显然利用js inc Raphael。
Anyhoo，问题出在任何带有标题，html和body标签的网页上。 上面的脚本没有渲染这些。
所以我在做什么错。 看来，我们只能加载不包含JS或CSS的div id example_placeholder内容
有没有更好的办法。
本质上，我们的方案是这样的（我想避免使用iFrame）
我们有一个网页，一个内容div，在div上方有3个按钮。 单击每个按钮时，div会加载一张图表（使用amcharts js版本）单击另一个按钮时，会加载另一个图表代替第一个图表，依此类推
也许我要解决这个错误，感谢任何帮助。
Ste
2 个解决方案
解决方案1
1 已采纳 2011-03-27 23:53:49
您需要在其他位置插入<style> ， <link>和<script>标记，例如<head>或<body>结尾，例如：
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'somescript.js';
document.getElementsByTagName('head')[0].appendChild(script);
一个潜在的问题是检查是否已插入文件（css或javascript）。 您可能需要维护一个全局列表，以检查是否已包含文件。
看一下“ 基于DOM的按需JavaScript ”的源。
解决方案2
0 2011-03-28 00:13:46
简单的方法：在父页面上加载js和CSS文件。
使用Ajax和Jquery加载内容
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.