我知道你可以把你的$(document).ready()代码放到与html不同的文件中,但是作为我的javascript的一部分,我使用了一些回codeigniter PHP函数的调用,如site_url(),当它是单独的.js文件的一部分时不起作用。
下面是一个示例:
login_page.php
<script type="text/javascript" src="<?php echo site_url('scripts') . '/' . 'app/login_page.js'; ?>"></script>
<div id="loginForm" class="prepend-2 column span-21">
<p class="tips"></p>
<div class="column span-10">
<dl>
<dt><label>Email:</label></dt>
<dd><input type="text" name="email" id="email" class="text" /></dd>
</dl>
</div>
<div class="column span-10 last">
<dl>
<dt><label>Password:</label></dt>
<dd><input type="password" name="password" id="password" class="text" /></dd>
</dl>
</div>
<div class="column prepend-7 span-10 append-5 ">
<dl>
<dt><label> </label></dt>
<dd><input type="submit" value="Login" id="loginButton" /></dd>
</dl>
</div>
</div>
login_page.js
$(document).ready(
function()
{
//login
$("#password").keyup(function(event){ if(event.keyCode == 13){ $("#loginButton").click();}}); //submit on enter key
$('#loginButton').click(function()
{
do_login($("#email"), $("#password"), $(".tips"), "<?php echo site_url('dashboard'); ?>", "<?php echo site_url('login/log_in'); ?>");
return false;
});
});
所以这里的问题出在我试图调用PHP site_url do_login,但它显然不起作用。 如果我的 php 中有内联的 javascript,这一切都可以正常工作,但这会使文件相当大,我更喜欢单独的文件。
我需要知道的是,这甚至可能吗? 如果是这样,有没有人想出一个优雅的解决方案来解决这个问题?
您可以将base_url定义为 JS 全局变量,甚至可以更好地声明一个 JS 全局对象,其中包含您在包含login_page.js
之前在login_page.php
中稍后可能需要的所有 url。然后,它们将位于一个单独的容器中,并且可以在该声明之后加载的任何JS代码中,内联或外部。
<script type="text/javascript">
window.URLS = {
"BASE_URL" : "<?php echo site_url(....); ?>",
"LOGIN_URL" : "<?php echo site_url(....); ?>",
"DASHBOARD_URL" : "<?php echo site_url(....); ?>",
};
</script>
然后在login_page.js
中使用它,例如
do_login($("#email"),
$("#password"),
$(".tips"),
URLS.DASHBOARD_URL,
URLS.LOGIN_URL);
最简单的方法是在HTML中定义一个JS变量 - 由JS文件使用。
<script type="text/javascript">
_Base_URL = "<?php echo base_url();?>";
</script>
然后在你的 JS 中
do_login($("#email"), $("#password"), $(".tips"), (_Base_URL+"dashboard"), (_Base_URL+"login/log_in) ");