基于Javascript按钮的Jade加载体

我正在尝试使用Javascript节点和Jade创建一个网站，我对这一点非常陌生，目前正陷于困境。我有一个名为“formBuilder”的页面，当它加载时需要在左侧显示一个简单的表单，我在Jade中有：

form(method="post")#builder-form.form-horizontal.well
    h2
    h6#sub1 Would you like to build a new form or edit an existing one?
    hr
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn1.btn.btn-default
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn2.btn.btn-default
    .form-group
    .form-left-buttons
        button(type='button')#builder-form-btn3.btn.btn-default
    .form-group

现在，当按下一个按钮时，我希望另一个表单与此表单内联加载。因此，鉴于上面的表单位于页面的左侧，我希望另一个表单位于页面的中间右侧。按钮采用JavaScript制作，目前仅为：

// bind event listeners to button clicks //
var that = this;

//  Handle Home button pressed //

$('#btn-Home').click(function() {window.location.href = '/home';})

// Handle New Form //
$('#builder-form-btn1').click(function(){that.newForm(); });

// Handle Open Form //
$('#builder-form-btn2').click(function(){that.openForm(); });

// Handle Delete Form //
$('#builder-form-btn3').click(function(){that.deleteForm(); });


this.newForm = function()
{

}

this.openForm = function()
{

}

this.deleteForm = function()
{

}

我不确定在按钮点击功能中放什么。我曾尝试在JavaScript中创建一个变量并对其进行更改，但没有任何效果，我也尝试过发出AJAX GET请求和帖子，我觉得我可能也做了错事。我真的不知道该怎么做，就像我之前说的，老实说，我对JavaScript、Jade和网站编程都很陌生

我们将非常感谢您的任何帮助

---

提前感谢。

只需使用类似于

$（“#表单编辑器”）.获取（“loadform/new”）

其中

#表单编辑器

是一个现有的容器div，“loadform/new”是一个返回新表单的节点路由。您说您已经尝试了AJAX请求，但没有显示代码，也没有说明它们是如何失败的。为什么不…？谢谢你的评论，我会试一试的。我没有显示AJAX请求代码的原因是因为我上周已经发布了一个显示此代码的问题。这个问题是基于AJAX的，我没有得到任何回应。我想AJAX一定是做这件事的错误方法，于是决定今天再问一个新的单独问题，而不发布AJAX，这样就可以建议其他答案了其中

#表单编辑器

是一个现有的容器div，“loadform/new”是一个返回新表单的节点路由。您说您已经尝试了AJAX请求，但没有显示代码，也没有说明它们是如何失败的。为什么不…？谢谢你的评论，我会试一试的。我没有显示AJAX请求代码的原因是因为我上周已经发布了一个显示此代码的问题。这个问题是基于AJAX的，我没有得到任何回应。我想AJAX一定是做这件事的错误方法，于是决定今天再问一个新的单独问题，而不发布AJAX，这样就可以提出其他答案了。