我一直在使用内联 jQuery 进行开发和测试。我正在使用 CodeIgniter，以下是我的观点。
我的页面顶部有<script="text/javascript">JQUERY CODE</script>。我的一些代码是动态的，因为它使用 PHP 变量，例如进行 Ajax 调用时，URL 前面有 <?php echo base_url(); ?>。
我已经让代码工作了，但我想把它放在一个外部 JS 文件中以保持整洁。我似乎没有办法做到这一点。我说的对吗？
我的网站的一个方面是 Google 地图。我到处使用它们。同样，部分代码是动态的，来自 PHP。同样的问题。
作为一个细微的变化，在地图上，我有很多页面，上面有许多略有不同的地图。有没有办法有效地重用地图代码，还是我必须有一些重复的代码？
【问题讨论】：
标签： javascript jquery google-maps inline external
那么您的自定义大多只是对谷歌地图之类的参数替换吗？如果是这样，为什么不只是有一个以 JSON 对象作为参数的函数调用。让您的后端通过 AJAX 请求提供一些 JSON 数据，将数据传递给函数，然后您就完成了。需要下载的 JS 代码更少，设置更简洁。
// site.js
function displayMap(params) {
// code to display google map using values from params
// for instance:
var lat = params.lat;
var long = params.long;
}
要使用它，请执行以下操作：
$.get('ajax/mapdata.json?id=5', function(data) {
displayMap(data);
alert('Load was performed.');
});
通过创建如下内容从您的应用中输出 JSON：
{
lat: 232
long: 123
}
希望有帮助！
【讨论】：
好吧，就像直接在页面内执行的操作一样。将.js 文件重命名为.php 脚本，并在.php 文件中包含与之前相同的PHP 代码。然后，在 HTML 文件中，使用filename.php（不是.js）。 Web 服务器将在脚本上调用 PHP 并将生成的 JavaScript 发送给浏览器。
【讨论】：
您可以在主页中创建一个 JSON 数据块：
<script>
var pageData = {
something: 'whatever',
somethingElse: [ 33.20, 19.02 ],
moreStuff: false
};
</script>
然后从您的脚本中引用变量“pageData”。
【讨论】：