有一个中餐馆的网站，我们的网络应用程序的首页包含 3 个可点击的图块：菜单、特色菜和地图。如果您单击“特价”磁贴，您将进入一个类别页面，其中将显示属于“特价”菜单类别的所有菜单项，我的任务是更改此行为，以便当用户单击“特价”磁贴时，网络应用程序将用户带到一个随机的单一类别菜单页面，列出该类别中的菜单项，无论是“午餐”、“晚餐”、“寿司”等。这样，任何随机类别都可以成为特价！我按照说明“从服务器检索所有类别，而不是简单地请求主 HTML 片段”，但毕竟不起作用，主要内容划分无法加载应用程序链接，出现此错误 //无法加载资源：net ::ERR_CONNECTION_RESET//，资源为 // "https://coursera-jhu-default-rtdb.firebaseio.com/categories/.json"; //
我们正在使用 Javascript 更新网站，以动态加载 HTML，而不是像之前那样静态加载，它非常复杂且复杂，但其要点是有菜单类别，我应该加载一个随机菜单类别，大多数辅助功能已经为我编写好了，我只需按照说明调整几行即可。结果是它应该在主页上加载随机菜单类别。它使用单独的 ajaxutils.js javascript 文件中的 HTTP GET 请求来访问外部 JSON 文件，其中包含以特定方式组织的菜单类别数据。我将在下面输入 github 存储库链接，以便您可以检查我是否正确执行。
https://github.com/om66id66/mod5-solution https://om66id66.github.io/mod5-solution/