2016-01-04 43 views
0

请让我有多个HTML页面,每个页面都有一个单独的.js文件。我想通过URL识别每个页面,并在页面加载时加载每个实现。我明白我可以使用jQuery的HTML元素检查负载事件像单个HTML页面上的jQuery/AJAX加载事件

$("#result").load("ajax/test.html"); 

,那么具体。我如何将它扩展到页面?我想在每个HTML页面上执行一个jQuery/AJAX加载事件来检查用户状态或授权等一些事情。例如检查用户是否登录,然后继续并执行其他jQuery代码,否则将用户重定向到登录页面。

+1

检查用户是否登录了服务器端代码,然后给他们必须登录的页面才能看到(而不是给他们他们必须登录的页面以查看并尝试重定向,如果他们不是)。 – Quentin

+2

“我知道我可以使用jQuery来检查HTML元素上的加载事件,例如” - 你不能。这将对'ajax/test.html'发出Ajax请求并将内容放入元素中。要测试加载事件,请使用'$(document).on('load',someFunction)' – Quentin

回答

0

在页眉中进行验证检查并将用户重定向到登录页面。

$(function() { 
    $('#result').load('auth/test', function(response, status, xhr) { 
     if (response == 'guest') { 
      window.location = 'auth/login'; 
    } 
}); 

您可以把单独的文件中的代码,并在文件中包含的每一页,或使用一些模板层次结构来实现这一目标。