Javascript 在NodeJS中单击html链接时的Ajax请求

我正在使用nodejs开发一个网站，使用ajax请求从API提取数据。我使用模板.hbs文件（index.hbs、area.hbs等）。我的问题是，我想制作一个导航栏（带有文本链接），但因为我使用模板，所以并不容易。我需要使用ajax。我做了​​所有必要的路由，但我需要在链接上的ajax请求方面的帮助。我在互联网上搜索了答案，尝试了很多不同的解决方案，但似乎没有什么能解决我的问题

我的导航条码：

<div id="navbar">
     <ul>
          <li>Companies</li>
          <li>Area</li>
     </ul>
</div>

Routes.js代码：

goToArea: function (req, res) {
            res.render('area');
        }

我认为按照这些思路可以做一些事情：

var url = "/area";
        function area() {
            $.ajax({
                url: url,
                type: 'GET',

---

任何帮助都将不胜感激

这就是绑定

单击
事件并发出
ajax
请求的方式

$(document).ready(function () {
    $('.navbar a').click(function () {
        $.ajax({
            'type': 'get',
            'url': '/area',
            'success': function (data) {
                // use the data
            }
        })
    })
})

从概念上讲，我将创建局部布局（或html部分），在全局布局中呈现。这个“局部”应该代表一个区域

我在html（id或数据属性）中还有一个变量，它表示区域标识符。
然后你可以要求像这样的东西

http://myserver.com/area/tab1
或

http://myserver.com/?area=tab1

（取决于您希望如何构建代码/路由

然后，您可以通过ajax请求该部分内容，并“成功”地将其插入Dom

这里的文档解释了如何组装ajax调用：


以下是一本很好的读物，可能也会有所帮助：

有点不清楚。你想在点击导航栏链接时发出
ajax
请求，对吗？那有什么问题？你只需要绑定这些链接的
click
事件，并在处理程序中发出
ajax
请求。我相信这很简单。或者你想要一个示例？是的，我真的可以使用一个示例。这是我的新工作，谢谢！
$(document).ready(function () {
    $('.navbar a').click(function () {
        $.ajax({
            'type': 'get',
            'url': '/area',
            'success': function (data) {
                // use the data
            }
        })
    })
})