AngularJS路由請求等框架如何運行

Question

許多Web框架（如AngularJS）都支持「路由」，用戶可以訪問該網站並根據請求URL顯示模板。但是這些框架完全是前端JS，只是簡單的'腳本src'導入，所以它如何設法捕獲對網站的所有請求，然後重定向到js文件進行處理等。

任何響應，因爲我一直在努力研究這些框架在一段時間內如何執行「捕獲」路由的一部分，但沒有運氣。

Answer 1

讓我給你一個簡單的模型。

我們可以抓取當前的URL。然後，我們可以打破這個字符串，我們可以得到由'/'分隔的不同部分。我們可以根據哪些條件放置哪個頁面以及要顯示哪些數據。當我們決定我們可以使用ajax加載我們想要的頁面。

例如我當前的URL是https://www.example.com/module我可以得到「模塊」出這個URL，然後我可以在體內裝入我的網頁

$('body').load('module.html'); 

下面的代碼是從我目前的工作。瞭解如何捕獲不同的網址並將其路由到我指定的文檔。我也得到URL中的數據使用到我的Ajax請求等

app.config(function($routeProvider) { 
    $routeProvider.when("/", { 
     templateUrl : "home.html" 
    }).when("/logout", { 
     templateUrl : "logout.html" 
    }).when("/course/:id", { 
     templateUrl : "course.html" 
    }).when("/course/:courseId/assignment/:assignmentId", { 
     templateUrl : "assignment.html" 
    }); 
});