将多页应用程序转换为单页应用程序

Question

我正在为 Hbbtv 构建一个电视应用程序，它可以在电视浏览器上运行。

但是现在在我的应用程序中，每个页面都是使用锚标记指定的，当我单击导航菜单时每个页面都会加载。

如何使它成为一个单页应用程序，让主页保持不变，只在我选择菜单选项时加载内容。我的程序在按键上工作

这就是我的 javascript 的样子

function keyFunction(e) {
switch(e) {
    case "OK":
        switch(menuPosition) {
            case 1:
                document.getElementById("msg").innerHTML = "<h2>Welcome to HbbTV Tutorials</h2>";
                break;
            case 2:
                document.getElementById("msg").innerHTML = "<h2> Internet </h2>";
                break;

每一页都有很多图片和内容，所以我觉得我不能利用内部HTML

Answer 1

你可以看看 JQuery 和 AJAX。存储您的 HTML 页面并通过用户点击触发的 AJAX 请求获取内容。

这可能对您有帮助：https://ilovecoding.org/courses/jquery/lessons/ajax-create-a-single-page-app-with-jquery

将多页应用程序转换为单页应用程序

Converting multipage application to single page

html

javascript

television