2016-01-04 44 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'; 
    } 
}); 

您可以把單獨的文件中的代碼,並在文件中包含的每一頁,或使用一些模板層次結構來實現這一目標。