各个HTML页面上的jQuery / AJAX加载事件

Question

我有多个HTML页面，每个页面都有一个单独的.js文件。我希望通过URL识别每个页面并在页面加载时加载每个实现。我知道我可以使用jQuery（例如

）检查HTML元素上的加载事件

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

如此处所述。如何将其扩展到页面？我想在每个HTML页面上执行jQuery / AJAX加载事件，以检查用户状态或授权等内容。检查用户是否已登录的示例，然后继续并执行其他jQuery代码，否则将用户重定向到登录页面。

Answer 1

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

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

您可以将此代码放在单独的文件中，并在每个页面中包含该文件，或使用某些模板层次结构来实现此目的。